
Dzisiaj, jak widzicie, coś niesłychanego, ponieważ przygotowałam animacje i szablony z 1D. Wiecie, że ja z nimi nic nie potrafię stworzyć. W końcu się zmusiłam i stwierdziłam, że musi być jakiś sposób, by coś z nimi stworzyć. Pokombinowałam trochę, a efekty ocenicie Wy, drogie Directionerki xD Tyle już razy do mnie pisałyście, żebym zrobiła coś z chłopakami i w końcu udało mi się przygotować coś dla Was. Wybaczcie, że tak późno!
Poza tym przygotowałam tutorial, jakieś tam koloryzacje i instrukcję CSS. Nie będę już tyle gadać, po prostu łapcie dodatki!:)










Jeśli chcecie jakieś animacje z teledysków czy filmów - piszcie, chętnie wykonam:)
Czas na szabloniki z 1D :D
063. | POBIERZ 064. | POBIERZ
INSTRUKCJA CSS - CHOWAJĄCE SIĘ MENU
Za białą pikselozę na linkach przepraszam, błąd programu;) W rzeczywistości tego w menu nie będzie:)
<div id="menu">Ten kod wklejamy do gadżetu HTML. Zamiast "Menu" możecie dać swój tytuł. W miejsce "link" wstawiacie swoje linki do stron. Zamiast "GŁÓWNA" wpisujecie nazwy linków menu, które się wysuną po najechaniu:) Teraz CSS.
<div class="tytul">
MENU
</div>
<a href="link">GŁÓWNA</a>
<a href="link">GŁÓWNA</a>
<a href="link">GŁÓWNA</a>
<a href="link">GŁÓWNA</a>
<a href="link">GŁÓWNA</a>
<a href="link">GŁÓWNA</a>
<a href="link">GŁÓWNA</a>
<a href="link">GŁÓWNA</a>
</div>
#menu {#menu - tym określamy, jaką wysokość ma mieć tytuł menu, po którego najechaniu wysuną się linki.
height:15px;
overflow: hidden;
transition: all 1s ease-out;-o-transition: all 1s ease-out;-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;
}
#menu:hover {
height:120px;
transition: all 1s ease-out;-o-transition: all 1s ease-out;-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;
}
.tytul {
text-align:center;
width: 199px;
background:#000;
color:#fff;
}
#HTML1 a:link, #HTML1 a:visited {
margin:1px 0;
display:inline-block;
text-align:center;
width: 98px;
background:#000;
}
#menu:hover - tym określamy wysokość całego menu po najechaniu (trzeba dobrać odpowiednią wartość pikseli, żeby pokazały się wszystkie linki w menu).
.tytul - tym określamy styl tytułu naszego menu, możecie nadać tytułowi każdy efekt, tak jak w przypadku tytułów ramek, postów, itd.
#HTML1 a:link, #HTML1 a:visited - tym określamy styl linków w menu, czyli tak jak w zwyczajnym menu możemy nadać linkom dowolny styl:)
No i tyle:) Jeśli instrukcja się przyda to credit do TC należy umieścić na blogu:)
Co chcielibyście tu zobaczyć w najbliższych dniach? Post pojawi się po nowym roku, myślę, że nawet w piątek;)
xoxo;*
ASK.FM
Zapraszam serdecznie!
Zapraszam serdecznie!