#60 - szablon 'red&skin'

Hejka, dziś przychodzę do was z szablonem, który w sumie został stworzony po zainspirowaniu zdjęciami których użyłam w nim ;)

Polecam  wam użycie tinypic do skrócenia linków obrazków.

Tutaj macie rozpiskę kolorów:
kolor1 - tło w nagłówku, teksty w prawym bloczku (te cieliste)
kolor2 - linki, nazwa postaci
kolor3 - tło w menu po najechaniu na link kursorem myszki

Zachęcam was do oglądania 'na żywo szablonu', póki wciąż jest na stronie ;p link


No to co, czas na kody:

Prawy bloczek:

[span]nazwa postaci[/span][br][br][p]tekst2[/p][br][msg][br][br][div]teks2[/div]
[style].p{color:kolor2;font-style:tahoma;font-size:9px;text-transform:uppercase;}.div{width:390px;height:110px;background:transparent;overflow:auto;text-align:justify;margin-left:195px;color:kolor2;font-family:tahoma;font-size:10px}[/style]

Lewy boczek:

[img]obrazek1[/img][img]obrazek2[/img][br][img]obrazek3[/img][img]obrazek4[/img][style]header{padding-top:150px;background:kolor2;}#logo,footer{display:none}#menu a,#menu:hover a{color:kolor1 !important;font-family: Georgia;font-style:italic;font-size:10px; text-transform:uppercase;background:transparent;height:10px;padding:0px;}#menu a:hover{text-decoration:line-through;background-color:kolor3;}#menu a{margin-left:80px}body,section{background:#ffffff} section,#block1, #block2,header{border:0px;}#block1 .img{width:170px;margin-top:-4px;}#block1{width:350px;margin-left:140px;margin-top:30px;}#block2 .span{color:kolor1;font-family:georgia;font-size:20px;letter-spacing:-2px;}#block2{text-align: right;margin-top:80px;} #block2 .a{color:kolor1 !important;font-family: Georgia;font-style:italic;font-size:10px; text-transform:uppercase;}[/style]

To tyle na dziś, powodzenia w personalizowaniu waszego szablonu ;)

thank u, next

#59 - prosty szablon

Hej, dziś podrzucam wam szablon - kontynuację ostatniego posta ;)

Lewy bloczek:
[c][avatar][/c][c]nick/nazwa postaci[br][b][msg][/b][/c][div]wasz tekst[/div]


Prawy bloczek:
[style]body{background-image: url(link do tła); background-position: right top;}section{background:transparent}footer,#logo{display:none} #block1,#block2,header{border:none}.menu,.menu:hover{font-family:courier new; font-size: 8px; color:#000000 !important;height:5px;background-color:white;font-weight:bold;}#block1{width: 300px;background-color:white;margin-left:200px;margin-top:30px; font-family:courier new; font-size:13px;color:#000000 !important;}#block1 .avatar{border-radius:50%;margin-top:8px;}#block1 .a{color:#000000 !important; font-size: 8px;}#block1 .div{width:250px;height:90px;overflow:auto;font-size:10px; text-align:justify;margin-top:10px;margin-left:25px;}[/style]

Jak to wygląda? Mniej więcej tak:

W razie jakichkolwiek pytań, sugestii co do tego co powinno się znaleźć na blogu lub jeśli potrzebujecie pomocy w  czymś to piszcie na moje prywatne konto na kreatywnych - thank u, next


{pamiętajcie, kody ze stylami dodajemy pomiędzy [style][/style]!}

#58 - Mini bloczek dla każdego

Hej, przepraszam was za nieobecności, ale ostatnio wcale nie mam weny i pomysłów na posty :)

Dziś przychodzę z kodem na prosty minimalistyczny bloczek

Poniższy kod kopiujecie do prawego bloczka ;)

section{background:transparent}#block1,#block2,header{border:none}#block1{width: 300px;background-color:white;margin-left:200px;margin-top:30px; font-family:courier new; font-size:13px;color:#000000 !important;}#block1 .avatar{border-radius:50%;margin-top:8px;}#block1 .a{color:#000000 !important; font-size: 8px;}#block1 .div{width:250px;height:90px;overflow:auto;font-size:10px; text-align:justify;margin-top:10px;margin-left:25px;}

A tutaj wstawiam wam treść dla lewego bloczka:

[c][avatar][/c][c]wasz nick/nazwa postaci[br][b][msg][/b][/c][div]wasz tekst[/div]

W razie jakichkolwiek pytań, sugestii co do tego co powinno się znaleźć na blogu lub jeśli potrzebujecie pomocy w  czymś to piszcie na moje prywatne konto na kreatywnych - thank u, next


{pamiętajcie, kody ze stylami dodajemy pomiędzy [style][/style]!}

#57 - Obramowanie wokół tekstu

Hej, dziś przychodzę do was z kodem na obramowanie wokół tekstu, który możecie dowolnie zastosować (bloczki, nicki itp.)

.div{text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; color: red}

color - kolor czcionki
black w text shadow odpowiada za kolor obramowania ;)

W razie jakichkolwiek pytań, sugestii co do tego co powinno się znaleźć na blogu lub jeśli potrzebujecie pomocy w  czymś to piszcie na moje prywatne konto na kreatywnych - thank u, next


{pamiętajcie, kody ze stylami dodajemy pomiędzy [style][/style]!}

#56 - Scrollowany tekst

Hej, dziś przychodzę z dość fajnym kodem. Na scrollowany bloczek (miejsce na tekst).

.div{width:150px;margin-left:10px;height:70px;font-size:13px;text-align:justify; overflow:auto;}

width - szerokość bloczku
height - wysokość bloczku

W razie jakichkolwiek pytań, sugestii co do tego co powinno się znaleźć na blogu lub jeśli potrzebujecie pomocy w  czymś to piszcie na moje prywatne konto na kreatywnych - thank u, next


{pamiętajcie, kody ze stylami dodajemy pomiędzy [style][/style]!}

#55 - Kod na usunięcie bloczku

Hej, dziś podrzucam wam kod na usunięcie bloczku, kiedy czasem sami kombinujecie z kodami i ten jeden bloczek, w którym nie umieszczacie żadnych treści oprócz kodów:

#block2{display:none}

Kod napisałam na block2 czyli na lewy bloczek, ale możecie też używać tego na prawy bloczek (odpowiednio block1).

W razie jakichkolwiek pytań, sugestii co do tego co powinno się znaleźć na blogu lub jeśli potrzebujecie pomocy w  czymś to piszcie na moje prywatne konto na kreatywnych - thank u, next


{pamiętajcie, kody ze stylami dodajemy pomiędzy [style][/style]!}

#54 - pogrubienie linka po najechaniu na niego kursorem

Hej, dziś przychodzę do was z kodem na pogrubienie linka, gdy najedziemy na niego kursorem myszki. Kod ten odnosi się do całej strony czyli linki w menu, wyślij wiadomość itp. jednakże nie obejmuje nicków w komentarzach i zaczepek ;)

a:hover{font-weight:bold}

W razie jakichkolwiek pytań, sugestii co do tego co powinno się znaleźć na blogu lub jeśli potrzebujecie pomocy w  czymś to piszcie na moje prywatne konto na kreatywnych - thank u, next


{pamiętajcie, kody ze stylami dodajemy pomiędzy [style][/style]!}