Rudik na pun.pl napisał:
Postanowiłem usunąć większość (prawie wszystkie) błędy w tym stylu. Ogólnie styl jest ładny, ale mało kto z niego korzysta, może teraz się to zmieni.
Co udało mi się zmienić/poprawić:
- stopka, tzn. nie będzie już powtarzających się pól
- punportal: poprawienie pasków pod nagłówkami i szukajki
- zmieniłem wszystkie nagłówki na bardziej czytelne
- poprawione menu
- logo, z którego usunąłem napis Age of Conan i zastąpiłem to czarnym tłem, dzięki czemu każdy może umieścić tam swój napis
- dodałem opis punportalu i strony w "fajnym" miejscu, oraz dodatkową stopkę na samym dole strony
- parę innych, drobnych zmian wizualnych
Aby skorzystać z poprawek, wklej ten kod do stopki/ogłoszenia (lepiej ogłoszenie, bo się szybciej załaduje, ale pamiętajcie o umieszczeniu kodu w ogłoszeniu punportalu):<style type="text/css">
.pun dl#modcontrols {
position: relative;
right: 170px;
bottom: 40px; }
.pun td {
border-width: 1px; }
.pun th {
border-width: 1px; }
.pun table {
margin-top: -12px; }
div.postleft dd {
text-align: left; }
div.postleft dd.usertitle {
text-align: left; }
div.postleft dt {
text-align: left;
background: url(http://img22.imageshack.us/img22/9736/32184517.png) repeat center;
padding: 1px 1px 1px 3px;
font-size: 14px; }
div.postleft dt img {
position: relative;
top: 2px; }
div.blockpost h2 span.conr {
color: #e8e8e8; }
.pun div.blockpost h2 a {
color: #e8e8e8; }
.inbox tbody tr:hover {
background: url(http://img148.imageshack.us/img148/5622/69861504.png) repeat-y; }
.inbox thead tr {
background: url(http://img22.imageshack.us/img22/9736/32184517.png) repeat; }
#punredirect .block h2 {
color: #e8e8e8; }
* h2 span {
color: #e8e8e8; }
#punwrap {
position: relative;
padding: 0 0 182px 0; }
.pun a:hover {
color: #460008;
text-decoration: none; }
.pun {
background-image: url(http://img694.imageshack.us/img694/920/headerkaa.jpg); }
#brdmenu a {
padding: 5px 7px 6px 7px;
color: #8a3741; }
#brdstats {
background: none; }
#announce .inbox {
font-size: 11px; }
#brdtitle div {
position: absolute;
top: -80px;
left: 65px;
width: 740px;
height: 85px; }
#brdtitle span img {
position: absolute;
top: -120px;
left: -125px;
width: 740px;
height: 85px; }
#brdmenu li {
margin: 0; }
#brdfooter {
background: url(img/aoc/title.png) no-repeat top center;
height: auto;
padding: 45px 0 0 10px; }
#brdmenu a:hover {
text-decoration: none;
background: url(http://img42.imageshack.us/img42/7131/menuoj.png) repeat-x; }
#brdtitle p {
display: block;
width: 490px;
height: 18px;
text-align: center;
padding: 7px 0 0 0;
position: absolute;
top: 40px;
left: 190px; }
#brdheader {
position: relative; }
#tlo {
width: 1003px;
height: 182px;
background: url(img/aoc/footer.jpg) no-repeat;
position: absolute;
bottom: -30px;
left: 0; }
#stopka {
width: 485px;
height: 54px;
position: absolute;
bottom: 65px;
left: 260px;
overflow: hidden;
font: 11px Verdana, sans-serif;
text-align: center; }
#left {
width: 231px; }
#left .block h2 {
background: url(img/aoc/menu.png) no-repeat;
width: 231px; }
#left #portaltopposters h2 span {
font-size: 11px;
letter-spacing: -1px;
position: relative;
bottom: 1px;
right: 6px; }
#main {
position: relative;
left: 41px;
width: 642px; }
#main .block h2 {
background: url(img/aoc/menu_bis.png) no-repeat; }
#main #portalwelcome h2 {
background: url(img/aoc/menu_bis.png) no-repeat; }
#left #portalforumsearch .box {
padding: 0 0 0 35px;
text-align: left; }
#left #portalforumsearch input[type="text"] {
width: 85%;
display: block; }
</style>
<div id="tlo"></div>
<div id="stopka">Tutaj będzie tekst w dodatkowej stopce na samym dole strony</div>Div o identyfikatorze tlo musi być na stronie.
Co do opisu w punportalu, to w znacznik img dajemy logo, a po nim możemy napisać zwykły tekst i będzie on widoczny w tym samym miejscu, co opis forum (już nie w punportalu).
Jest jeden błąd, w stronie przekierowywania (np. po tym, jak napiszemy posta) logo będzie z napisem Age of Conan, tak jak przed zmianą.
Offline