Stylowe FAQ

Seekleas · 2009-05-01 23:32:46

azzilla napisał/a:

Czy obok statystyki:
Ostatnio zarejestrowany: x
Użytkownicy online: x
Goście online: x
a właściwie po lewej stronie można jakoś dodać obrazek?

Można. Oto kod:

div#brdstats dl.conl dd {background-image: url('adres_obrazka'); background-repeat: no-repeat; text-indent: Apx; line-height: Bpx;}

gdzie:

adres_obrazka - należy podać adres url obrazka. Należy wziąć pod uwagę to, by nie był on jakoś szczególnie duży, bo efekt będzie wiadomy.
A - akapit. Musimy oddalić tekst od obrazka tak, by się na nim nie pojawiał. Wartość w pikselach zależna od wielkości obrazka (warto popatrzeć na jego szerokość - będzie łatwiej obliczyć wcięcie).
B - odstępy między liniami (w pionie). Wartość w pikselach (warto popatrzeć na wysokość obrazka).

Należy pamiętać, by kod umieścić (najlepiej) w stopce oraz pomiędzy tagami <style> oraz </style>.

Przykład:

<style>
div#brdstats dl.conl dd {background-image: url('http://www.xxx.pl/gg.png'); background-repeat: no-repeat; text-indent: 20px; line-height: 20px;}
</style>

Efekt:

azzilla · 2009-05-02 11:16:02

Dziękuje. Tylko, że ja chciałam mieć jeden obrazek a tutaj jak wkleje link do obrazka to on mi sie właśnie tak potraja i pomniejsza.

Seekleas · 2009-05-02 15:10:58

Tak, potraja się, gdyż wystąpi przy każdej komórce (ostatnio zarejestrowany, użytkownicy online oraz goście online). Dla pojedynczej komórki (raczej) nie da się zrobić takiego efektu.

azzilla · 2009-05-02 22:41:23

A to skorzystam z tego kodu. Dobre i tyle. Dziękuje bardzo za pomoc [sred]) .

Kirgo · 2009-05-03 09:02:14

Jak zrobić taki odnośnik?

Ostatnio znalazłem sposób jak zrobić taki odnośnik w np: Ogłoszeniu itp. Zresztą sami sprawdźcie, testowałem to i działa.

Wklejamy to np: w ogłoszenie, stopkę itp.

<br><a href="link do forum, tematu itp.">>nazwa odnośnika</a>

Musimy użyć tego tagu <br>

A oto przykład:

<br><a href="http://www.gothic-myrtana.pun.pl/viewforum.php?id=4">>Informacje</a>

Efekt

Możemy to wkleić w: Ogłoszenie, stopkę, w wiadomość powitalną i ogłoszenie w (PunPortalu)

PS: mam nadzieję że się przyda [dblpt]) .

Shiba · 2009-05-03 09:16:05

Moje dwa pytanka...

1. Czy da się zrobić tak aby bannery (mam na myśli obrazek wstawiany pod nazwą forum) po najechaniu na nie myszką podświetlały się? Albo ewentualnie zmieniały kolor? Czy coś w tym stylu?

2. Czy da się jakoś usunąć nazwy for, tak aby zostały tylko bannery?

Ostatnio edytowany przez Shiba (2009-05-03 09:16:51)

Seekleas · 2009-05-03 09:36:03

@ Kirgo

Twój post nie ma nic wspólnego ze stylami. Takie coś może zrobić każdy bez ingerencji w kod źródłowy.

@ Shiba

1) Można. Nie będę o tym pisał, bo to czysty HTML. Więcej na ten temat przeczytasz tutaj (patrz też na rozwinięte menu po lewej stronie - jest kilka ciekawych opcji tego rozwiązania).

2) Da się usunąć nazwy forów. Do takiej czynności potrzebne jest nam id danego forum oraz numer (z rzędu) kategorii, w której to forum się znajduje. Oto kod:

div#idxA a[href="viewforum.php?id=B"] {display: none;}

gdzie:

A - numer kategorii (z rzędu),
B - id forum, którego nazwa ma się nie wyświetlać.

Przykład:

div#idx11 a[href="viewforum.php?id=18"] {display: none;}

Efekt:

Rudik · 2009-05-03 10:26:10

A jeśli chcesz usunąć wszystkie odnośniki do forów, to wklej to w stopkę:

td.tcl div.tclcon h3 a { display: none; }

Co do podświetlania tych obrazków, przypomniałem sobie, że istnieje taki kod CSS, który powoduje podświetlenie linków po najechaniu, bez konieczności tworzenia odzdzielnego obrazka po najechaniu myszką, chyba mam ten kod gdzieś na swojej stronce, jak znajdę to zapodam.

@edit:
Już znalazłem, musisz wkleić to do stopki:
(zakładając, że te obrazki będą w opisach for)

td.tcl div.tclcon img { opacity: 0.X; filter: alpha(opacity=Y); }
td.tcl div.tclcon img:hover { opacity: 1.0; filter: alpha(opacity=100); }

W tym przypadku, obrazki w opisach bez najechania myszką, będą miały jasność oznaczoną przez litery X oraz Y, gdzie X to: np. 0.6 (gdzie 6 możemy zmienić na coś innego), a gdzie Y to: 60 (gdzie 60 wpisujemy liczbę odpowiadającą z X).

Ostatnio edytowany przez Rudik (2009-05-03 10:31:31)

azzilla · 2009-05-03 11:55:01

A czy takie potrojone obrazki da się też dać obok:

Wszyscy użytkownicy: x
Wszystkie wątki: x
Wszystkie posty: x???

tym razem po prawej stronie. Fajnie by to też wyglądało [sred]) .

Ostatnio edytowany przez azzilla (2009-05-03 11:55:52)

Seekleas · 2009-05-03 12:57:14

Da się. Jednak problem polega na tym, że obrazki te nie będą pojawiać się bezpośrednio po zakończeniu tekstu tylko na końcu komórki (ewentualnie bliżej - w zależności od ustawionej pozycji, jednak zawsze bezpośrednio pod sobą), czyli poza połową ekranu, a to wygląda bardzo nieestetycznie. W ogóle nie wiadomo by było do czego te obrazki są. Także polecam obrazek po lewej stronie.

Shiba · 2009-05-03 13:05:19

Dzięki wielkie! Wszystko sie przydało! Tylko nie kumam tego jak zmienić sobie obrazek koło wątków... Wyjaśni ktos jaśniej? XD

Edit:

Mam pytanie, czy jest możliwość przynajmniej zmiany koloro nazw kategorii? A może można więcej edytować z oknem kategorii? Proszę o jakąś pomoc.

Edit2:

Nie wiem dlaczego, ale za cholerę nie mogę wejść na boo... [dblpt][slash] Wiecie może z czego to wynika? Zawsze mogłem.

Ostatnio edytowany przez Shiba (2009-05-03 13:30:49)

Seekleas · 2009-05-03 14:01:42

Shiba napisał/a:

Czy jest możliwość przynajmniej zmiany kolorów nazw kategorii? A może można więcej edytować z oknem kategorii?

Można - bardzo dużo można edytować jeżeli chodzi o kategorie i fora w niej zawarte.

Jeżeli chodzi o zmianę koloru nazwy kategorii to kod jest następujący:

div#idxA h2 {color: kolor;}

gdzie:

A - numer kategorii z rzędu,
kolor - kolor czcionki.

Shiba · 2009-05-03 14:02:42

Seekleas napisał/a:

Shiba napisał/a:
Czy jest możliwość przynajmniej zmiany kolorów nazw kategorii? A może można więcej edytować z oknem kategorii?
Można - bardzo dużo można edytować jeżeli chodzi o kategorie i fora w niej zawarte.

Jeżeli chodzi o zmianę koloru nazwy kategorii to kod jest następujący:
div#idxA h2 {color: kolor;}
gdzie:
A - numer kategorii z rzędu,
kolor - kolor czcionki.

Dziękuję, a co jeszcze można zrobić z nazwą kategorii?

Edit: A da sie zmienić tło samej stopki? W sensie, że ja np. mam w stopce rotator i jeden obrazek .png i chciałbym aby tło pod rotatorem i obrazkiem było zedytowane. Jest taka możliwość?

Ostatnio edytowany przez Shiba (2009-05-03 14:05:11)

Rudik · 2009-05-03 14:06:48

Praktycznie wszystko, nadać jej inne tło, zrobić, aby litery były napisane z wielkiej litery, dodać podkreślenie/obramowanie, pogrubienie, pochylenie, czego dusza zapragnie.

A tło dla stopki:

div#brdfooter { background: X url(Y) }

Gdzie X: kolor tła rgb lub w nazwie Angielskiej
Gdzie Y: adres url do tła

P.S. Zauważyłem w Twojej stopce, że masz pełno znaczników style, najlepiej dodaj te wszystkie kody pomiędzy jeden znacznik style.

Ostatnio edytowany przez Rudik (2009-05-03 14:09:52)

azzilla · 2009-05-03 14:53:13

Seekleas to ja w takim razie poprosze o kod aby wyglądało to tak jak mówisz. Z góry dziękuje za pomoc [sred]) .

Oficjalne forum pomocy serwisu PUN.pl

#91 2009-05-01 23:32:46

Odp: Stylowe FAQ

#92 2009-05-02 11:16:02

Odp: Stylowe FAQ

#93 2009-05-02 15:10:58

Odp: Stylowe FAQ

#94 2009-05-02 22:41:23

Odp: Stylowe FAQ

#95 2009-05-03 09:02:14

Odp: Stylowe FAQ

#96 2009-05-03 09:16:05

Odp: Stylowe FAQ

#97 2009-05-03 09:36:03

Odp: Stylowe FAQ

#98 2009-05-03 10:26:10

Odp: Stylowe FAQ

#99 2009-05-03 11:55:01

Odp: Stylowe FAQ

#100 2009-05-03 12:57:14

Odp: Stylowe FAQ

#101 2009-05-03 13:05:19

Odp: Stylowe FAQ

#102 2009-05-03 14:01:42

Odp: Stylowe FAQ

#103 2009-05-03 14:02:42

Odp: Stylowe FAQ

#104 2009-05-03 14:06:48

Odp: Stylowe FAQ

#105 2009-05-03 14:53:13

Odp: Stylowe FAQ

Stopka