Zmiana szerokości bloków

Hej, przepraszam was za dzisiejsze opóźnienie w poście, ale niestety trochę zaspałam ;p Sami wiecie jak to jest w długie weekendy :)

Dziś kodzik na zmianę szerokości bloków na stronie
#sort1 - bloki po lewej stroni
#sort2 - bloki po prawej stronie

#sort1 {width:320px} #sort2{width:600px}

Zmieniacie jedynie wartości w zaznaczone na czerwono :)

Jeśli macie jakieś propozycje/sugestie/widzimisię co do notek pojawiających się na blogu to piszcie na te konta: Anon / thank u, next

Wyśrodkowanie bloków

Hejka,
Dziś podrzucam wam kodzik na wyśrodkowanie bloków.

Krok 1: Przenieście wszystkie bloki na lewy sort (każdy tekst itp.)
Krok 2: W bloku ze stylami dodajcie ten kod:
div#sort1 {position:relative; left: 300px;}

Wartość wyrażoną w pikselach możecie dowolnie zmieniać, by jeździć z tymi blokami w prawo i lewo :)


Jeśli macie jakieś propozycje/sugestie/widzimisię co do notek pojawiających się na blogu to piszcie na te konta: Anon / thank u, next

Podświetlone avatary/ usunięcie avatara w info o mnie

Hejka :D
Dziś przychodzę do was edycją tła w info o mnie

Na początek kodzik na całkowite usunięcie avatara :

div#avatar {display:none}

A teraz kodzik na podświetlenie go jeśli jednak nie chcecie go usuwać:

div#avatar {box-shadow: 0px 0px 10px #KOLOR}

I bonusik na podświetlenie avków w komentarzach ;)

div.wall-img {box-shadow: 0px 0px 10px #KOLOR}


Jeśli macie jakieś propozycje/sugestie/widzimisię co do notek pojawiających się na blogu to piszcie na te konta: Anon / thank u, next

Usunięcie avatarów ze ściany

Cześć i czołem :)
Są wśród was jakieś ludki, które nie do końca lubią kiedy wygląd ich strony psują cudze avatarki? ;p Jeśli tak to dziś coś dla was ;)

div.wall-img{display:none}

Jeśli macie jakieś propozycje/sugestie/widzimisię co do notek pojawiających się na blogu to piszcie na te konta: Anon / thank u, next

Podświetlone nicki w komentarzach

Hejka,

Dziś mam dla was kodzik na podświetlane nicki/cień za nickami w komentarzach.

a.wall-nickname {text-shadow: 0px 0px 5px #KOLOR}

Zachęcam was do eksperymentowania z liczbami przed px w celu osiągnięcia różnych efektów :)

Jeśli macie jakieś propozycje/sugestie/widzimisię co do notek pojawiających się na blogu to piszcie na te konta: Anon / thank u, next

Usunięcie czasu komentarza, krzyżyka itp. z komentarzy

Hejka, dziś podam wam na początku kody nieco kaskadowo, żebyście mogli sobie wybrać dowolnie kody :)

Usunięcie kropki na avatarze osoby komentującej:

div#offline.dot {display:none}

Usunięcie czasu komentarza:

span.wall-time {display:none}

Usunięcie krzyżyka: 

a.wall-delete {display:none}


Możecie też usunąć wszystko za jednym zamachem ;) 

a.wall-delete, span.wall-time, div#offline.dot {display:none}

Jeśli macie jakieś propozycje/sugestie/widzimisię co do notek pojawiających się na blogu to piszcie na te konta: Anon / thank u, next

Zmiana czcionki na stronie

Hej, dziś szybka notka ale myślę, że dość potrzebna :)

Kod na zmianę czcionki na stronie:

div.wall-comment, a.wall-nickname, div.header, pre{font-family: NAZWA CZCIONKI}

Kod na zmianę rozmiaru czcionki na stronie (zmieniacie tylko liczbę przed px):

div.wall-comment, a.wall-nickname, div.header, pre{font-size: 15px;}

Po nazwy czcionek zapraszam do poprzedniej notki :)

Jeśli macie jakieś propozycje/sugestie/widzimisię co do notek pojawiających się na blogu to piszcie na te konta: Anon / thank u, next

Edycja tła tekstowego komentarzy

Hejka,
Dziś przybywam do was z kodem na edycję pola tekstowego komentarzy, czyli tam gdzie wpisuje się treść komentarza.

Kod na obramowanie ramki wokół treści komentarza

input.wallarea {border: solid 1px #KOLOR}

Kod na usunięcie ramki wokół treści komentarza

input.wallarea{border:none}

Kod na zmianę koloru tła tekstu

input.wallarea {background: #KOLOR}

Kod na zmianę koloru tekstu

input.wallarea {color: #KOLOR}

Kod na zmianę czcionki w polu tekstowym

input.wallarea {font-family: NAZWA CZCIONKI}

Kod na zmianę rozmiaru czcionki w polu tekstowym (zmieniacie liczbę przed px)

input.wallarea {font-size: 7px}

UWAGA! Dostępne czcionki podstawowe znajdziecie >> tu <<


Jeśli macie jakieś propozycje/sugestie/widzimisię co do notek pojawiających się na blogu to piszcie na te konta: Anon / thank u, next

Zmiana kolorów ramek w blokach (pod nagłówkami)

Hejo,
Dziś małe uzupełnienie dla osób, które chciałyby zmienić kolor ramek pod nagłówkami bloków :)

div.header{border: 1px solid #KOLOR}

Jeśli macie jakieś propozycje/sugestie/widzimisię co do notek pojawiających się na blogu to piszcie na te konta: Anon / thank u, next

Zaokrąglone avatary

Hejka,
Dzisiaj fajne krótkie kody, które może niektórym się spodobają :)

Kod na zaokrąglenie avatara w info o mnie:
div#avatar{border-radius:90px}

Kod na zaokrąglenie avatarów w komentarzach:
 div.wall-img{border-radius:25px}

Jeśli macie jakieś propozycje/sugestie/widzimisię co do notek pojawiających się na blogu to piszcie na te konta: Anon / thank u, next

Obrazek jako tło w menu

Hejka,
Jak widać dalej motywem przewodnim kodów jest menu, ale obiecuję, że następna notka będzie już o innej tematyce, przynajmniej póki co :P

header{background-image: url('LINK DO WASZEGO OBRAZKA')}

Jeśli macie jakieś propozycje/sugestie/widzimisię co do notek pojawiających się na blogu to piszcie na te konta: Anon / thank u, next

Usunięcie loga z menu

Hejka,
Dziś znowu szybka notka, ale wiem że takie też są potrzebne ;) Tak jak w tytule notki dziś zajmiemy się usuwaniem loga KREATYWNIE z menu :)

a#logo.menu {display:none}

I to tyle, szybko łatwo i bezboleśnie ;p

Jeśli macie jakieś propozycje/sugestie/widzimisię co do notek pojawiających się na blogu to piszcie na te konta: Anon / thank u, next

Zmiana kolorów menu

Hejka,
Dziś chyba dość długo wyczekiwana notka ;) Więc rozsiądźcie się wygodnie, skupcie na tekście i mam nadzieję, że użyjecie tych kodów do edycji stronki ;)

Powyższy obrazek jest poglądowy i różnymi kolorami po prostu zaznaczyłam różne części tego kodu, postaram się wam poniżej rozpisać to jak najbardziej czytelnie :)

a.menu, a.menu:hover{color: #ff0000; background:transparent} header{background: #000000; border-bottom:  1px solid #00ff00} a#logo.menu{background: #0000ff; color: #ffff00}

Kolor czerwony - linki w menu
Kolor czarny - tło w menu
Kolor zielony - dolna ramka menu, jeśli ktoś jej nie chce to może zrobić transprent albo po prostu zmniejszyć jej wielkość z 1px na 0px
Kolor niebieski - Tło pod logiem kreatywnych
Kolor żółty - tekst loga kreatywnych

No i to by było na tyle w tej notce :)

Jeśli macie jakieś propozycje/sugestie/widzimisię co do notek pojawiających się na blogu to piszcie na te konta: Anon / thank u, next

Usunięcie #RP

Hej,
Dziś krótka notka bez obrazków. Jeśli chcecie mieć profil #RP, ale nie chcecie mieć hasztagu w lewym dolnym rogu ;p

div#rp {display:none}

Jeśli macie jakieś propozycje/sugestie/widzimisię co do notek pojawiających się na blogu to piszcie na te konta: Anon / thank u, next