aktualnie mam konto w serwisie pun.pl, ale teraz postanowiłem samemu zainstalować phpBB, jest tylko jeden problem - styl. Jestem przywiązany do stylu z mojego starego forum, ale jest on w punBB, stąd moje pytanie - czy ktoś mógłby przerobić go z punBB na phpBB? Grafik z wyżej wymienionego serwisu się tym zajmował (rzecz jasna w drugą stronę), ale już z nimi nie współpracuje i nie ma z nim żadnego kontaktu. Byłbym niezmiernie wdzięczny.
Dane:
Nazwa: Age Of Conan - Hyborian Adventures
Link: http://www.punres.org/viewtopic.php?id=4639
Uwagi: W punBB styl początkowo nieco nawala, dzięki kodowi, który wrzucam w stopkę (miałem konto w pun.pl, tam to jedyna forma edycji forum) aby styl działał poprawnie. Prócz poprawek dodane są jeszcze pewne efekty i poprawiona kolorystyka, byłbym bardzo wdzięczny gdyby był w tej poprawionej formie.
Zmiany:
- 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
Kod w stopce:
Kod: Zaznacz cały
<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://densetsu.webatu.com/images/bannerrr.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(http://densetsu.webatu.com/images/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(http://c.wrzuta.pl/wi15848/08765d59002100234b844ca1/0/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(http://densetsu.webatu.com/images/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(http://densetsu.webatu.com/images/menu_bis.png) no-repeat; }
#main #portalwelcome h2 {
background: url(http://densetsu.webatu.com/images/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>Demo poprawionego stylu: moje forum na pun.pl (http://www.densetsu.pun.pl).
Poprawek dokonał Rudik. Oczywiście zabawy w zmianę loga nie trzeba się bawić bo samemu podmienię w stylu (w pun.pl nie było takiej możliwości, by podmienić jakiekolwiek pliki forum, stąd te logo w poprawkach).
To by było na tyle, może jedyną dodatkową poprawką jakiej bym pragnął był rozmiar ikonek obok for 55x55, ale myślę, że z tym sobie poradzę. Styl jest naprawdę bardzo ładny i myślę, że przyda się nie tylko mnie
.