Mouse Hover List Postituses TUT Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

Mouse Hover List Postituses TUT

Vaata eelmist teemat Vaata järgmist teemat Go down

Olykiller
Olykiller
Juunior
Liitus : 06/12/2014
Postitusi : 46

PostitamineOlykiller 05.05.16 12:27

Ma kasutan ise PunBB ja ma tegin oma foorumis sellise asja et kui postituses teed listi vms siis saad HTMLiga teha omale nii:

Näide :

Kui teed teema ja Paned lihtsalt Pealkirja Postitusse ja kui sellest pealkirjast nagu hiirega peale lähed tuleb dropdown box milles on kõik ülejäänud tekst

CSS:

Kood:
.dropdown {
    position: absolute;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
}

.dropdown:hover .dropdown-content {
    display: block;
}

Ja HTML vms mis kasutada postituses :

Kood:
<!DOCTYPE html>
<html>

<body>


<div class="dropdown">
 <span>Pealkiri Listil</span>
 <div class="dropdown-content">
Text kirjutada siia ja kõik
 </div>
</div>

</body>
</html>

Loodan et on hea ja toimib teil :) ärge mingit viha pange ma alles õpin :D
Talirand
Talirand

Mouse Hover List Postituses TUT Vetera11
Liitus : 19/08/2014
Postitusi : 4846

PostitamineTalirand 05.05.16 13:35

Hea selge õpetus. :)
Heroes
Heroes

Mouse Hover List Postituses TUT Vetera11
Liitus : 02/04/2015
Postitusi : 10332

PostitamineHeroes 05.05.16 14:06

teeksid pilti v midagi, saaksin siis teada milline see pärast välja näeb? 4Head
Olykiller
Olykiller
Juunior
Liitus : 06/12/2014
Postitusi : 46

PostitamineOlykiller 05.05.16 23:15

pilt on siis selline Mouse Hover List Postituses TUT Untitled

Vaata eelmist teemat Vaata järgmist teemat Tagasi üles

Soovid vestluses osaleda?

Selleks logi sisse või tee endale kasutaja.

Liitu foorumiga

Tee endale kasutaja ning osale aruteludes.


Tee uus kasutaja

Logi sisse

Omad foorumis juba kasutajat? Logi sisse.


Logi sisse

 
Permissions in this forum:
Sa ei saa vastata siinsetele teemadele