Obramowanie

jano · 2010-03-13 16:51:12

Czy można zrobić obramowanie do ikonki postów? Chodzi mi o tę taką brązową kreseczkę co oddziela Wątki, Posty i Ostatni post, czy można takie oddzielenie także dać od ikonki postów a nazwy forum. Używam poprawionego stylu aoc, a do ikonek używam kodu Gufiego

<style type="text/css">
DIV.icon {
    FLOAT: left;
    MARGIN-TOP: 4.4em;
    MARGIN-right: 0.4em;
    DISPLAY: block;
/*    BORDER-WIDTH: 0.6em 0.6em 0.6em 0.6em;
    BORDER-STYLE: solid*/
    HEIGHT: 55px;
    WIDTH: 55px;
}

DIV.icon { background: url(http://c.wrzuta.pl/wi16064/c600ce720000a5844b7303c3/0/normalnybraknowych.png);}
tr.inew div.icon { background: url(http://c.wrzuta.pl/wi2639/ba16995f000907304b7303c5/0/normalnynowe.png); }
TR.isticky DIV.icon { background: url(http://c.wrzuta.pl/wi11846/9300d3f9002762324b7303c9/0/przyklejonybraknowych.png);}
TR.isticky DIV.inew { background: url(http://c.wrzuta.pl/wi5556/302cc3370007b9774b7303cb/0/przyklejonynowe.png);}
TR.iclosed DIV.icon { background: url(http://c.wrzuta.pl/wi14170/dbf06a51000579314b7303cc/0/zablokowanybraknowych.png);}
TR.iclosed Div.inew { background: url(http://c.wrzuta.pl/wi6495/825a0240002d2f314b7303cb/0/zablokowanenowe.png);}
TR.iredirect DIV.icon { background: url(http://c.wrzuta.pl/wi4811/5999f20400249c6b4b7303b9/0/hiperlacze.png);}
</style>

Jakby coś, to adres forum: www.densetsu.pun.pl. Jak nie wiadomo o co chodzi to zrobię obrazek pomocniczy.

Rudik · 2010-03-13 17:05:20

To może zrób ten obrazek pomocniczy, bo za Chiny nie rozumiem Twojego pytania ;p

jano · 2010-03-13 17:44:36

Jest tak

A ma być tak

Rudik · 2010-03-13 18:11:08

Zamiast tamtego kodu na ikonki, wklej ten:

<style type="text/css">
DIV.icon {
FLOAT: left;
MARGIN-TOP: 4.4em;
MARGIN-right: 0.4em;
DISPLAY: block;
border-right: 1px solid #c6aa7b;
HEIGHT: 55px;
WIDTH: 55px;
}
DIV.icon { background: url(http://c.wrzuta.pl/wi16064/c600ce720000a5844b7303c3/0/normalnybraknowych.png);}
tr.inew div.icon { background: url(http://c.wrzuta.pl/wi2639/ba16995f000907304b7303c5/0/normalnynowe.png); }
TR.isticky DIV.icon { background: url(http://c.wrzuta.pl/wi11846/9300d3f9002762324b7303c9/0/przyklejonybraknowych.png);}
TR.isticky DIV.inew { background: url(http://c.wrzuta.pl/wi5556/302cc3370007b9774b7303cb/0/przyklejonynowe.png);}
TR.iclosed DIV.icon { background: url(http://c.wrzuta.pl/wi14170/dbf06a51000579314b7303cc/0/zablokowanybraknowych.png);}
TR.iclosed Div.inew { background: url(http://c.wrzuta.pl/wi6495/825a0240002d2f314b7303cb/0/zablokowanenowe.png);}
TR.iredirect DIV.icon { background: url(http://c.wrzuta.pl/wi4811/5999f20400249c6b4b7303b9/0/hiperlacze.png);}
</style>

jano · 2010-03-13 18:20:08

Sam próbowałem czegoś podobnego i tak jak Twój kod, niestety nie działa, zresztą zostawię w takim stanie i sam zobacz, że bez zmian. Masz jakieś inne pomysły?

PS Zajrzałeś na moje forum w sprawie jQuery? Nie umiesz mi pomóc w tej sprawie?

@edit

Skoro znasz już kod, to może jednak wiesz jak wycentrować te ikonki w pionie? Może wystarczy coś w stylu center height w kodzie Gufiego? Bo ja przesunąłem te ikonki, ale tak, żeby były na środku na głównym forum, ale nie pomyślałem, że w wątkach będzie to wyglądać tak fatalnie, dlatego mój sposób odpada i liczę, że da się coś z tym zrobić i będziesz umiał mi pomóc.

Ostatnio edytowany przez jano (2010-03-13 19:17:30)

Seekleas · 2010-03-13 22:08:34

Tworzenie "kreski" po lewej stronie opisu forum:

TD div.tclcon {border-left: solid Xpx kolor; padding-left: 10px; margin-left: 5.4em;}

Pogrubione wartości wstawić wedle uznania.
Wartość 10 px, dla parametru "padding", a także 5.4em, dla parametru margin, pasują do Twojego forum. Ale wszystko możesz zmienić.

jano · 2010-03-14 00:37:58

Dzięki Seekleas [dblpt]D a z tym wyśrodkowaniem w pionie to jednak niemożliwe? Może gdyby dodać do kodu Gufiego coś w stylu

CENTER: height

tylko jakoś przerobione, bo ten sprawdzałem i nie działa nie działa.

@edit
Rudik, twój kod działa, ale podałeś zły kolor i był niewidoczny [sred]) Tylko mam co do niego pytanie - można zrobić do niego margines (margin) jak w kodzie Seekleas'a? Bo potrzebuję połączyć wasze dwa kody, ponieważ żaden z waszych kodów niestety nie działa w pełni tak jakbym chciał, ale w połączeniu powinno być w porządku.

I ostatnie pytanko, ale już nie tak znaczące - kreseczki nie dochodzą do końca, można zrobić coś aby nie było między nimi tych przerw?

Ostatnio edytowany przez jano (2010-03-14 12:34:29)

Daemon · 2010-03-15 12:28:54

Masz super forum Jano graficznie i wogule, jest porostu bąbowe. Miałbym do ciebie kilka pytań jeżeli będziesz chciał mi pomuc. Pozdro

jano · 2010-03-15 17:05:05

Staram się [sred]) pomagać też się staram kiedy mogę i umiem - moje gadu: 13054726. Ale na razie muszę Wina przeinstalować i Gadu jeszcze raz zainstalować, bo na tym wszystko mi się kopie [dblpt][slash] jak zależy Ci na czasie to zarejestruj się na forum i napisz pw, albo na ChatBox. Chociaż forum jest w budowie to jeden user już się wbił, więc nie będziesz pierwszy [sred]) mój nick na forum: Arel, pozdro [dblpt])

Oficjalne forum pomocy serwisu PUN.pl

#1 2010-03-13 16:51:12

Obramowanie

#2 2010-03-13 17:05:20

Odp: Obramowanie

#3 2010-03-13 17:44:36

Odp: Obramowanie

#4 2010-03-13 18:11:08

Odp: Obramowanie

#5 2010-03-13 18:20:08

Odp: Obramowanie

#6 2010-03-13 22:08:34

Odp: Obramowanie

#7 2010-03-14 00:37:58

Odp: Obramowanie

#8 2010-03-15 12:28:54

Odp: Obramowanie

#9 2010-03-15 17:05:05

Odp: Obramowanie

Stopka