poniedziałek, 6 marca 2017

Gotowa strona by darkiplier :3

Dużo wcześniej już myślałam nad wstawieniem tu styli na gotową stronę, a dokładniej na jej sam, nietypowy układ.
Wstawię tutaj wygląd mojej stronki po zastosowaniu wszystkich kodów:

Wasza strona będzie wyglądać nieco inaczej. Oczywiście, jeśli ją nieco zmienicie. To nic trudnego.
Ach! Muszę wspomnieć o tym, że najlepiej będzie kiedy zresetujecie wygląd strony przed wstawieniem tego poniżej. 
Dobrze, zacznijmy od początku:

<style> #sort1 {width: 280px; margin-left: 110px; margin-top: 0px;} #sort2 {margin-right: 90px;}</style>

Mamy już układ: lewy sort węższy od prawego.
Info o mnie trochę się popsuło i wygląda nienaturalnie. Od razu powiem, że nie będziemy używać tu naszego "głównego" avatara (tego którego widzimy w "ludziach" lub u kogoś na ścianie).

<style>#userleft div.avatar {background: url(link do obrazka)no-repeat transparent top; padding: 0px; border: 1px solid #ccc; width: 235px; height: 235px; margin-top: -4px; margin-left: 0px;} #userleft div.avatar img {display:none;}</style>

Każdy chyba wszystko rozumie. Obrazek najlepiej będzie wyglądał z szerokością 235px i wysokością na 235px.
Zmiana koloru obramowania obrazka.
Dobrze. Teraz, dla najlepszego wyglądu trzeba przesunąć "linki" poza obszar bloku.

<style> ul.friendshipModification {position: relative; top: -235px; left: -264px; text-align: right;} #userleft ul li {background: none;} #userleft ul li a {font-family: verdana; font-size: 10px;}
li#bFav {display:none;} li#bDel {display:none;} li#bBan {display:none;} li#bFri {display:none;}</style>

Nazwa czcionki linków i rozmiar. Możecie zmieniać jak chcecie. Reszta to usunięcie niepotrzebnych linków typu "dodaj do ulubionych", itd. Zostaje jedynie wyślij wiadomość, zaczep i dodaj do znajomych.
Jedziemy dalej - opis pod avatarem:

<style>#userright { width: 99%;  margin-top: -60px;  padding: 0px; }</style>

No i nie możemy zapomnieć o podstawowych stylach, typu brak topmenu i stopki:

<style> #top, #editfooter, #footer {display:none;} </style>

Ściany nie trzeba już zmieniać, w sensie jej wymiarów itd. Została całkiem "goła", ale styl na ścianę dawałam już wcześniej, o tu.
Proszę bardzo. Znajcie mą łaskę.