czwartek, 6 grudnia 2018

#25 - Niespodzianka dla kreatywnych

Hej, buty wypastowane? Byliście grzeczni? Dostaliście coś na Mikołajki? ;p
Jeśli nie, bo jesteście albo za starzy lub nikt nie docenił waszych starań to ja mam coś dla Was :)
Dziś mała niespodzianka dla kreatywnych, którzy nie mają wykupionego premium ;p

UWAGA: WAŻNA JEST KOLEJNOŚĆ DODAWANIA KODÓW! Zwłaszcza ostatniego #block2

Wygląda to mniej więcej tak:



Zacznijmy od tego, że wchodzicie w edycję strony i w bloczku po prawej stronie umieszczacie ten kod:

footer{display:none;}.block,.h,header,footer{border:0;}section{background-color: transparent}body{background-image:url(link do obrazka na tło);background-attachment:absolute; background-color:#D3B4C3;}#logo,.menu{display:none;}.block{display:block;margin:0 auto;float:none;}

Następnie w bloczku po lewej stronie kasujecie wszystko i wklejacie ten kod:

[c][div][br][avatar][br][br][i][b]
Imię i nazwisko postaci[/i][/b][br][br]krótki tekst[br][br][msg][/div][/c]
[style].div, #block1 a{height: 450px; width: 300px; background-color: #fbfbfb;letter-spacing: 1px; color: #000000 !important; font-family: Times New Roman;} .avatar{border-radius: 150px; border: double 4px black;}[/style]

Teraz tutaj znajdziecie legendę dotyczącą kodów:
Kolor czerwony - ten wers kodu odpowiada za tło na całej stronie, jeśli chcecie pokombinować we własnym zakresie z tłem to odsyłam was do innych notek na blogu (#1, #18 )
Kolor pomarańczowy - ten tekst odpowiada za edycję tego pojedynczego bloczku a w nim kolejno kolory:

  • Kolor zielony - wymiary bloczku, czyli wysokość i szerokość
  • Kolor niebieski - kolor tła bloczku 
  • Kolor różowy - edycja czcionki w bloku, jej wielkość, odstępy między wyrazami itp, itd (dowolnie możecie modyfikować)
Kolor żółty - styl avatara, czyli obramowanie, zaokrąglenie itp. Odsyłam was do pozostałych notek na blogu, jest ich naprawdę dużo, więc sami poszperajcie ;)

Dodatkowo powyżej wytłuściłam części, które odpowiadają za
[i] - pochylenie czcionki
[b] - pogrubienie ;)
Każda ta komenda musi być zamknięta w odpowiedni sposób tzn. [/b] lub [/i]

Na sam koniec gdy zadowala nas wygląd naszej stronki dodajemy do kodów w naszym widocznym bloczku jeszcze ten wers:

#block2 {display:none}

To chyba na tyle, miłych Mikołajek :)
W razie jakichkolwiek pytań, sugestii co do tego co powinno się znaleźć na blogu lub czegokolwiek wam tam się jeszcze zapragnie to zapraszam - thank u, next

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

Komentarze (0):

Prześlij komentarz

Subskrybuj Komentarze do posta [Atom]

<< Strona główna