Jak stworzyć styl pod PunBB

Lolson0 · 2009-11-23 17:24:27

ok działa...

Mam jeszcze dwa pytania:
1) Czy trzeba koniecznie wstawić np. TR.iredirect DIV.icon {background:url(http://img504.imageshack.us/img504/4339/beztytuudr.png);}
czy można to jedno pominąć?

2) Jakiego dokładnie rozmiaru te ikony mają być?

Kirabi Yotsuki · 2009-11-23 17:30:30

1. Nie wiem. Nie chce mi się sprawdzać klas. Ogólnie co Ci to przeszkadza?

2. PPM na obrazek: . Udało się? Brawo. Teraz właściwości? Znów? Sukces. Tam juz znajdziesz wymiary.

Lolson0 · 2009-11-23 17:34:48

2. ale jakie powinny być bo ja mam 16x16 i się pojawia cały ten obrazek i jakby ciąg dalszy też tego obrazka( ikony) [dblpt][slash]

Edit:

I du** za przeproszeniem działa ikona "Brak nowych newsów", a nie działa "Przyklejone" Co jest grane?
Wkleiłem ten kod co mi podałeś...

Ostatnio edytowany przez Lolson0 (2009-11-23 17:38:00)

Kirabi Yotsuki · 2009-11-23 17:50:42

Te linki, które podałem w "Brak..." oraz "Przyklejone..." są niepoprawne (punBB skrócił je zastępując kropkami, pewien odcinek, ja tylko skopiowałem i wkleiłem Twój link. Naucz się myśleć sam do jasnej cholery.

Ostatnio edytowany przez Kirabi Yotsuki (2009-11-23 17:51:01)

Lolson0 · 2009-11-23 17:55:03

1. Działa mi to "Brak..."

2. Czyli dokładny lnik trzeba wstawić tam gdzie jest napisane "img" ?

../../img/nazwa stylu/nazwa pliku.format pliku

Np:
../../LINK DO OBRAZKA/nazwa stylu/nazwa pliku.format pliku ??

PS: Nie chcąc spamować i zakładać nowego tematu zapytam się tu:

-Jakie mają być najlepsze wymiary tła na forum??

Ostatnio edytowany przez Lolson0 (2009-11-23 17:56:24)

Rudik · 2009-11-23 20:35:46

Mógłbyś jeszcze raz ogólnie zarysować Twój problem? Bo już się pogubiłem.

Lolson0 · 2009-11-23 21:01:28

chodzi o to gdzie lnik do ikonu wstawić w tym kodzie

DIV.icon { background: url(../../img/nazwa stylu/nazwa pliku.format pliku);}
DIV.inew { background:url(../../img/nazwa stylu/nazwa pliku.format pliku);}
TR.isticky DIV.icon {background:url(../../img/nazwa stylu/nazwa pliku.format pliku);}
TR.isticky DIV.inew {background:url(../../img/nazwa stylu/nazwa pliku.format pliku);}
TR.iclosed DIV.icon {background:url(../../img/nazwa stylu/nazwa pliku.format pliku);}
TR.iclosed Div.inew {background:url(../../img/nazwa stylu/nazwa pliku.format pliku);}
TR.iredirect DIV.icon {background:url(../../img/nazwa stylu/nazwa pliku.format pliku);}

??

Rudik · 2009-11-23 21:12:54

Linki do obrazków wklejasz w miejsce między nawiasami (), zaraz po url.
Np.

DIV.icon { background: url(tutaj adres do obrazka);}

Lolson0 · 2009-11-23 21:16:06

Oto moja zawartość stopki:

Gdy zmieniam jakiś wątek na "przyklejony" ikona jest taka jak w stylu, a nie taka jaką ja chce...

Heito · 2009-12-07 23:43:31

Mógłby mnie ktoś wspomóc? Czy jest program analogiczny do XampP'a, ale pod system 64-bitowy? Bo XampP jest pod 32-bitowe, więc ;/

Lolson0 · 2010-01-07 19:01:06

Potrzebuje e-mail Tomka, bo chce przesłać mu kod do stylu. Ktoś pomoże?

Mangel · 2010-01-07 19:16:54

Pomoże, pomyśl, wejdź na strone gł. portalu i wybierz odpowiednią zakładkę z menu bocznego.

Lolson0 · 2010-01-07 22:08:33

Ok,dzięki i sorry, bo tam nie patrzałem.

rici · 2010-02-28 02:51:52

Mam pytanie bo nie wiem czy dobrze zrozumiałem czy jak wstawię cały kod plików CSS w stopkę i zmienię kody na ikony w tematach to zadziała? wkleiłem do stopki tak :

DIV.icon {
FLOAT: left;
MARGIN-TOP: 0.1em;
MARGIN-right: 0.4em;
DISPLAY: block;
/* BORDER-WIDTH: 0.6em 0.6em 0.6em 0.6em;
BORDER-STYLE: solid*/
HEIGHT: 16px;
WIDTH: 16px;
}

DIV.searchposts DIV.icon {MARGIN-LEFT: 0}

/* 10.2 Class .tclcon is a div inside the first column of tables with post indicators. The
margin creates space for the post status indicator */

TD DIV.tclcon {MARGIN-LEFT: 2.3em}

/* These are the post status indicators which appear at the left of some tables.
.inew = new posts, .iredirect = redirect forums, .iclosed = closed topics and
.isticky = sticky topics. The default is "icon". By default only .inew is different.*/

DIV.icon { background: url(http://img12.imageshack.us/img12/5788/stopka.gif);}
DIV.inew { background:url(http://img12.imageshack.us/img12/5788/stopka.gif);}
TR.isticky DIV.icon {background:url(http://img12.imageshack.us/img12/5788/stopka.gif);}
TR.isticky DIV.inew {img12.imageshack.us/img12/5788/stopka.gif);}
TR.iclosed DIV.icon {img12.imageshack.us/img12/5788/stopka.gif);}
TR.iclosed Div.inew {img12.imageshack.us/img12/5788/stopka.gif);}
TR.iredirect DIV.icon {img12.imageshack.us/img12/5788/stopka.gif);}
</style>

i nie działa wszystkie obrazki takie same na probe

teraz zmieniłem na tak:

I też nie działa.

Ostatnio edytowany przez rici (2010-02-28 10:58:28)

Iksker · 2010-02-28 20:53:16

<style type="text/css">
/* 10.1 These are the post status indicators which appear at the left of some tables. 
.inew = new posts, .iredirect = redirect forums, .iclosed = closed topics and
.isticky = sticky topics. By default only .inew is different from the default.*/

DIV.icon {
    FLOAT: left;
    MARGIN-TOP: 0.2em;
    MARGIN-LEFT: 0.2em;
    DISPLAY: block;
    border: none;
}

DIV.searchposts DIV.icon {MARGIN-LEFT: 0}

/* 10.2 Class .tclcon is a div inside the first column of tables with post indicators. The
margin creates space for the post status indicator */

TD DIV.tclcon {MARGIN-LEFT: 2.3em}
/* 10.1 These are the post status indicators which appear at the left of some tables. 
.inew = new posts, .iredirect = redirect forums, .iclosed = closed topics and
.isticky = sticky topics. By default only .inew is different from the default.*/

DIV.icon {
    FLOAT: left;
    MARGIN-TOP: 0.1em;
    MARGIN-right: 0.4em;
    DISPLAY: block;
/*    BORDER-WIDTH: 0.6em 0.6em 0.6em 0.6em;
    BORDER-STYLE: solid*/
    HEIGHT:szerokośćpx;
    WIDTH:wysokośćpx;
}

DIV.searchposts DIV.icon {MARGIN-LEFT: 0}

/* 10.2 Class .tclcon is a div inside the first column of tables with post indicators. The
margin creates space for the post status indicator */

TD DIV.tclcon {MARGIN-LEFT: 2.3em}
/* These are the post status indicators which appear at the left of some tables. 
.inew = new posts, .iredirect = redirect forums, .iclosed = closed topics and
.isticky = sticky topics. The default is "icon". By default only .inew is different.*/

DIV.icon {BORDER-COLOR: #8DB520 #6B9300 #5A8200 #6B9300}
TR.iredirect DIV.icon {BORDER-COLOR: #E7F7B9 #E7F7B9 #E7F7B9 #E7F7B9}
DIV.inew {BORDER-COLOR: #6A9ADF #4878BD #3767AC #4878BD}
/* These are the post status indicators which appear at the left of some tables. 
.inew = new posts, .iredirect = redirect forums, .iclosed = closed topics and
.isticky = sticky topics. The default is "icon". By default only .inew is different.*/

DIV.icon { background: url(../../img/nazwa stylu/nazwa pliku.format pliku);}
DIV.inew { background:url(../../img/nazwa stylu/nazwa pliku.format pliku);}
TR.isticky DIV.icon {background:url(../../img/nazwa stylu/nazwa pliku.format pliku);}
TR.isticky DIV.inew {background:url(../../img/nazwa stylu/nazwa pliku.format pliku);}
TR.iclosed DIV.icon {background:url(../../img/nazwa stylu/nazwa pliku.format pliku);}
TR.iclosed Div.inew {background:url(../../img/nazwa stylu/nazwa pliku.format pliku);}
TR.iredirect DIV.icon {background:url(../../img/nazwa stylu/nazwa pliku.format pliku);}
</style>

Mam dziś dobry humor bo mnie CzarasD swoją głupotą rozbawił to ci podam kompletny kod ;P Wiesz tam gdzie "../../img/nazwa stylu/nazwa pliku.format pliku" link do ikonki a tam gdzie Szerokość i Wysokość wpisujesz owe wymiary w px

U mnie przynajmniej ten kod działa [sred])

Oficjalne forum pomocy serwisu PUN.pl

#91 2009-11-23 17:24:27

Odp: Jak stworzyć styl pod PunBB

#92 2009-11-23 17:30:30

Odp: Jak stworzyć styl pod PunBB

#93 2009-11-23 17:34:48

Odp: Jak stworzyć styl pod PunBB

#94 2009-11-23 17:50:42

Odp: Jak stworzyć styl pod PunBB

#95 2009-11-23 17:55:03

Odp: Jak stworzyć styl pod PunBB

#96 2009-11-23 20:35:46

Odp: Jak stworzyć styl pod PunBB

#97 2009-11-23 21:01:28

Odp: Jak stworzyć styl pod PunBB

#98 2009-11-23 21:12:54

Odp: Jak stworzyć styl pod PunBB

#99 2009-11-23 21:16:06

Odp: Jak stworzyć styl pod PunBB

#100 2009-12-07 23:43:31

Odp: Jak stworzyć styl pod PunBB

#101 2010-01-07 19:01:06

Odp: Jak stworzyć styl pod PunBB

#102 2010-01-07 19:16:54

Odp: Jak stworzyć styl pod PunBB

#103 2010-01-07 22:08:33

Odp: Jak stworzyć styl pod PunBB

#104 2010-02-28 02:51:52

Odp: Jak stworzyć styl pod PunBB

#105 2010-02-28 20:53:16

Odp: Jak stworzyć styl pod PunBB

Stopka