Forum PHP.pl > [CSS]Style

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS]Style

xamrex

21.09.2009, 17:25:35

Witam,
Podam tutaj fragment mojego style.css

Kod

/* Quote & Code blocks */
.code{background: #D4EAFE;border: 1px solid #006699;color: #006699;font:11px Courier,'Courier New',sans-serif}
.quote{background: #D4EAFE;border: 1px solid #006699;color:#006699;font:11px/125% Verdana,Arial,Helvetica,sans-serif}

.bodyline    { background-color: #EAF5FD; border: 0px #D5E9FF solid; }
body{background: #8CC6FF url(images/background.gif);background-attachment: fixed;color: #000000;font:10px Verdana,Arial,Helvetica,sans-serif;scrollbar-3dlight-color: #6699CC;scrollbar-arrow-color: #006699;scrollbar-darkshadow-color: #000000;scrollbar-face-color: #6699CC;scrollbar-highlight-color: #006699;scrollbar-shadow-color: #006699;scrollbar-track-color: #6699CC;}

a:link,a:active,a:visited{color:#006699;text-decoration:none; FONT-SIZE: 10px}
a:hover{color: #28CBF4;text-decoration:none; FONT-SIZE: 10px}
.title          {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 14px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.content      {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}
.storycontent      {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}
.block-title {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}
.news          {BACKGROUND: none; FONT-SIZE: 16px; FONT-FAMILY: Verdana, Helvetica}
.storytitle  {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.storycat     {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
.boxtitle      {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.boxcontent  {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}
.option      {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.tiny         {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.small         {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 9px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.male         {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 6px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.red         {BACKGROUND: none; COLOR: #F0000F; FONT-SIZE: 25px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}

Na samej górze możemy zobaczyć ze wszystkie linki mają 10px
(a:link,a:active,a:visited{color:#006699;text-decoration:none; FONT-SIZE: 10px})

I teraz gdy piszę sobie artykuł na stronie i wpiszę

Kod

<p class="news">Jakiś tekst

to ten tekst tak jak sobie określiłem w moim stylu ma wielkość 16px oraz czcionkę Verdana
Gdy wpiszę

Kod

<p class="red">Jakiś tekst

to tekst jest w kolorze czerwonym, ma czcionkę 25 px

I tak dalej....
Czy jest jakiś sposób, aby utworzyć te klasy styli (content,storycontent,block-title,news,) wraz z zdefiniowanymi tam rozmiarami linków..

Czyli np. chciałbym, aby w tej klasie
news linki były wielkości 12px
ale w klasie content miay one rozmiar 22px.
Czy jest to możliwe, jeśli tak to jak to zrobić??

potreb

21.09.2009, 17:37:01

[CSS] pobierz, plaintext 
a.news, a.news:hover {
font-size:12px;
}
 
a.content , a.news:content {
font-size:22px;
}
[CSS] pobierz, plaintext

sunpietro

21.09.2009, 17:45:28

lub

Kod

.content a:link {
font-size: 22px;
}

jakby coś nie działało to możesz dopisać !important

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.