Zedytowany styl AOC

Rudik · 2009-12-28 18:39:25

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
Zobacz demo

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ą.

Jak zauważycie jakiś błąd, piszcie ;]

Ostatnio edytowany przez Rudik (2009-12-28 18:40:26)

rakuraku · 2009-12-28 18:45:45

Gratuluję, świetny styl [dblpt])
Nie prowadzę for, które by potrzebowały takiego stylu ale na prawdę musiałeś się napracować
10/10

Kwakus · 2009-12-29 14:20:32

No dobra robota Rudik [sred])

Abe_77 · 2009-12-29 14:46:54

Na pewno przyda się do PBF'a , Good Job [sred])

kreiven · 2010-04-23 23:40:36

Hmm u mnie logo pojawia się na pasku tam gdzie jest Index, Forum itd ale może za duży dałem rozmiar albo coś(uporałem sie z tym zmieniając troszkę grafikę sorki xD) . Jedyne co nie pasuje to kolor właśnie napisów Forum Index itd bo jest różowy . To można łatwo zmienić podając swój wiec luz. Dziękuje za twoją prace dobra robota.

Ostatnio edytowany przez kreiven (2010-04-24 00:02:32)

Black-Men · 2010-04-24 09:07:59

Super pomysł można wgrać to do stylu AOC ?

Dan Kuso · 2010-04-24 10:27:59

uu śliczny styl dzięki ,ze go pokazałeś bo bym go nie zauważył

Seekleas · 2010-04-24 11:44:19

@ Black-Men

Jest napisane w poście numer 1, że wystarczy wkleić kod do stopki bądź ogłoszenia, a sam tytuł mówi, że jest to zmieniony styl AOC, więc po co "wgrywać" go do oryginalnego?

Od pewnego czasu Twoje pytania są bardziej zastanawiające niż te, które zadawali sobie filozofowie ... chyba że to jakaś nowa odmiana filozofii, ponoć wszystko się zmienia.
Proponuję zastanowić się najpierw w ciszy, a potem, jak dojdziesz do wniosku, że faktycznie Twoje pytanie jest niegłupie, napisać je na forum.

Pozdrawiam.

jano · 2010-04-24 12:31:26

Skoro już ktoś odświeżył temat to dodam tylko, że w Prywatnych wiadomościach belka menu_bis.png nie jest podmieniona, jest lekko niżej niż powinna być, a z napisu na belce po lewo Prywatne wiadomości, wyraz wiadomości zjeżdża w dół, co psuje nieco wygląd.

Co do oryginalnego loga, etc., w przekierowaniach to wydaję mi się, że jest to spowodowane tym, że forum podczas przekierowanie ma trochę inne źródło strony (nie wiem jak to nazwać, inne id boxów? inne parametry? ...) niż normalne forum, coś w stylu jak pomiędzy PunPortal a Forum. Ale to tylko moje domysły...

Mangel · 2010-04-24 12:52:50

Dokładnie, powodem dla którego w czasie przekierowania forum styl się zmienia jest fakt, ze wtedy nie jest wyświetlane żadne pole obsługujące html które moglibyśmy edytować.

Rudik, może faktycznie już czas poprawić ten styl i wysłać tomkowi pliki do podmiany? To troche wstyd mieć tak zbugowany styl w serwisie.

Morty · 2010-04-24 14:15:32

To jest świetne, styl jak i sama edycja/tworzenie go [dblpt]) . Rudik powiedz czy trzeba naprawdę dobrze znać CSS, aby efektywnie przerabiać style?
A do stylu brakuje mi tylko ramek chociażby "statystyki forum", jest tylko górna belka z tą właśnie frazą nie ma jednak ramki, moim zdaniem lepiej by było z nią.
Pozdrawiam.

Rudik · 2010-04-24 19:58:20

Mangel znajdę chwilkę czasu to wrzucę zmiany do plików stylu, ale to po testach [sred])

Morty co do tych ramek, to moim celem było poprawienie błędów, którzy twórcy stylu nie uwzględnili, a nie zmiana jego wyglądu.

Nelgor · 2010-04-29 13:53:32

U mnie dalej źle są zrobione belki w "wiadomości"
"Prywatne wiadomości" i "Odebrane" nadal na siebie nachodzą co znacznie szpeci forum.

Rudik · 2010-04-29 14:05:40

Jak będę ulepszał kod stylu w plikach, wtedy usunę ten błąd.

Nelgor · 2010-04-29 14:14:44

Jak komuś edytuję profil to wychodzi tez pole do pisania sygny, znaczy się wychodzi z ram (szerokości stylu).

EDIT: Z logiem tez sa problemy, mam styl mniejszy niz ten 740x85 a i tak wychodzi mi logo (to kółko u góry wypycha logo.)
I dało by się usunąć te podświetlanie tematu na który wskazujemy (znaczy się forum). Może się podświetlać ale niech nie robią się te pogrubienia w miejscach linii.
Źle jest zrobiona też sona, nie widać procentów a zamiast paska jest coś co wygląda jak obramowanie strony, to jest szpetne.
Przyklej, zamknij itd. jest na środku zamiast po lewej. A cała strona jest za długa.

Jak znajdę jeszcze coś to napisze/dopiszę.

Ostatnio edytowany przez Nelgor (2010-04-30 12:39:34)

Oficjalne forum pomocy serwisu PUN.pl

#1 2009-12-28 18:39:25

Zedytowany styl AOC

#2 2009-12-28 18:45:45

Odp: Zedytowany styl AOC

#3 2009-12-29 14:20:32

Odp: Zedytowany styl AOC

#4 2009-12-29 14:46:54

Odp: Zedytowany styl AOC

#5 2010-04-23 23:40:36

Odp: Zedytowany styl AOC

#6 2010-04-24 09:07:59

Odp: Zedytowany styl AOC

#7 2010-04-24 10:27:59

Odp: Zedytowany styl AOC

#8 2010-04-24 11:44:19

Odp: Zedytowany styl AOC

#9 2010-04-24 12:31:26

Odp: Zedytowany styl AOC

#10 2010-04-24 12:52:50

Odp: Zedytowany styl AOC

#11 2010-04-24 14:15:32

Odp: Zedytowany styl AOC

#12 2010-04-24 19:58:20

Odp: Zedytowany styl AOC

#13 2010-04-29 13:53:32

Odp: Zedytowany styl AOC

#14 2010-04-29 14:05:40

Odp: Zedytowany styl AOC

#15 2010-04-29 14:14:44

Odp: Zedytowany styl AOC

Stopka