057. What makes you beautiful ~ szablony i animacje z 1D, tutoriale, koloryzacje

 

Cześć wszystkim:) Jak po świętach? Pewnie szykujecie się do imprez sylwestrowych... Ja też już powinnam:p No ale jak zwykle nie miałam czasu, by napisać wcześniej, a może inaczej. Chciałam zrobić dla Was wiele dodatków i mam już sporo materiałów, przynajmniej na kilka notek:) Przyznam szczerze, że moje święta w tym roku były takie jakieś... Nijakie. Minęły niezwykle szybko i w sumie jak takie inne, zwyczajne dni... Nic specjalnego. Może to brak śniegu i ogólnie zimy? Jeśli chodzi o sylwestra to w tym roku znowu idę na imprezę do koleżanki, tym razem w pałacu i nazwali to balem! :o Mam nadzieję, że nikt się nie ubierze jak na bal, bo ja mam skromną sukienkę z Mohito, kupioną zresztą na promocji. Na szczęście uzbroiłam się w dość fajne dodatki, także mam nadzieję, że zestaw będzie się prezentował ciekawie (jeszcze go nie przymierzałam).
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!:)

 

 

 

 

 

KLIKNIJ, ABY POBRAĆ MATERIAŁY!

 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">
<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>

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.

#menu {
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 - tym określamy, jaką wysokość ma mieć tytuł menu, po którego najechaniu wysuną się linki.
#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!