AR Design
CSS kdok2
CSS kdok2 : 1: Stlus vltoztats Neked

1: Stlus vltoztats Neked

kszts oldaladra sajt stlus kdot, vagy mi ksztjk el Neked!

Lerjuk az n. stlusvltoztat kd magyarzatt, ami alapjn Te is tudsz magadnak kszteni sajt kdot. Termszetesen ha ez nem menne, akkor mi megcsinljuk krsre (emailben krj!), s kirakjuk az oldalra.

A stlusvltoztat kd, tbb kdbl pl fel, ezekbl azokat hasznld csak fel, amit valban meg akarsz vltoztatni.

A kd ezen rsze felels a GP-s moduljaid megvltoztatsrt, ez egy nmagban is mkdkpes kd, teht, ha csak ezt rakod be egy egyszer modulba gy is j:

<STYLE type=text/css>

<!--td.modtitle {padding-left: 4px; font-size: 9pt; font-weight:bold; color: #000000; background-color: #ffffff; height: 19px;BORDER-RIGHT: #ffffff 1px solid;BORDER-BOTTOM: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid}}

td.menu {font-size: 8pt; color: #000000; background-color: #000000}

td.modbody {font-size: 8pt; color: #ffffff; background-color: #000000}

-->

</STYLE>

Ennek a kdnak rszletes magyarzatt megtallod a GP-s modulfejlc s modulhttr eltntetse-megvltoztatsa menpontban.

A msik fele, ami tulajdonkppen ismt tbb rszre oszthat:

<STYLE type=text/css>
<!--BODY,TD,FONT{COLOR:#ffffff;font size:7pt;font-family:verdana;text-decoration:none;line-height:9pt}
-->
<!--input,textarea{color:#000000;font-size:10px;background:#ffffff;font-family:verdana;text-align:justify;border:1PT solid #000000;line-height:8pt}  -->

 

<!--
A:link
{ FILTER: shadow(Color=#Ffffff,Direction=135, strength=2); COLOR: #ffffff;  HEIGHT: 0px; TEXT-DECORATION: none} 
A:visited
{ FILTER: shadow(Color=#Ffffff,Direction=135, strength=2); COLOR: #FFffff;  HEIGHT: 0px;TEXT-DECORATION: none}
A:hover
{ FILTER: shadow(Color=#Ffffff,Direction=135, strength=2); COLOR: #FFffff}

-->

<style type="text/css">
<!--body
{scrollbar-face-color:#000000;
scrollbar-shadow-color:#000000;
scrollbar-highlight-color:#ffffff;
scrollbar-3dlight-color:#000000;
scrollbar-darkshadow-color:#000000;
scrollbar-track-color:transparent;
scrollbar-arrow-color:#ffffff;
background-color: black; }-->

</STYLE>

Szedjk szt ezt a hosszt s gy nzzk:


<STYLE type=text/css>
<!--BODY,TD,FONT{COLOR:#ffffff;font size:7pt;font-family:verdana;text-decoration:none;line-height:9pt}
-->
<!--input,textarea{color:#000000;font-size:10px;background:#ffffff;font-family:verdana;text-align:justify;border:1PT solid #000000;line-height:8pt}  -->

Ez a rsz felels a "rublikk" talaktsrt, teht pl. ahov rod a neved, jelszavad bejelentkezskor, vagy pl. a Statisztikban szerepl szmok. Arra figyelj oda, hogyha ezt a kdot kln akarod betenni az oldalra, akkor a nyl (-->), utn, vagy helyre rd ezt: </STYLE>. De ha ezutna  kd utn mg lesz folytats, mint az eredeti stlusvltoztat kdban, akkor nincs problma. A lnyeg, hogy ateljes kd vge le legyen zrva gy: </STYLE>.
Kd magyarzat, legfontosabbak:

BODY,TD,FONT:
COLOR:#ffffff - pl. Extrk menpont piros sznt vltoztathatod meg, vagy pl. egyszer modulban a tartalomtpus, stb szne is ilyen lesz
font size:7pt - ezeknek a szvegeknek a bet mrete
font-family:verdana - ezeknek a szvegeknek a bettpusa
tex-decoration:none - azt jelenti, hogy norml a betd (none: nincs, teht nincs dekorci)
line-height:9pt - milyen tvolsgra legyenek egymstl a menpontok

input,textarea:
color:#000000 - pl. a Statisztika szmainak szne, Belps sz szne, amikor rod a neved, jelszavad szne
font-size:10px - a fentebb emltetteknek bet mrete
background:#ffffff - a rublikk szne, teht ahol rja a Statisztikban a szmokat
font-family:verdana - a fentebb emltetteknek a bet tpusa
text-align:justify - a szveg igaztsa
border:1PT solid #000000 - pl. a Statisztika rublikjnak 1 pt vastag a kerete (szeglye), tpusa: solid=szold (lehet mg: dotted=pontozott, dashed=szaggatott, double=dupla)
line-height:8pt - pl. a Statisztikban a szmok elhelyezkedse, ezt inkbb ne nagyon bntsd

A kvetkez rsz felels a linkek stlusrt:

<!--
A:link
{ FILTER: shadow(Color=#Ffffff,Direction=135, strength=2); COLOR: #ffffff;  HEIGHT: 0px; TEXT-DECORATION: none} 
A:visited
{ FILTER: shadow(Color=#Ffffff,Direction=135, strength=2); COLOR: #FFffff;  HEIGHT: 0px;TEXT-DECORATION: none}
A:hover
{ FILTER: shadow(Color=#Ffffff,Direction=135, strength=2); COLOR: #FFffff}

-->

Ha a stlusvltoztat kdtl fggetlenl szeretnd hasznlni, akkor a kd el rd: <STYLE> a vgre pedig: </STYLE>, ezekkel megnyitod, majd bezrod a kdot.
Magyarzat:

A:link: (ahogy ltod a linket)
FILTER: shadow(Color=#Ffffff,Direction=135, strength=2 - rnykot ad a linknek, ha nem szeretnd, hogy legyen rnyka, akkor ezt a rszt trld ki a kdbl, de vigyzz a zrjelet: { hagyd meg! Color: rnyk szne, Direction: elhelyezkedse, strenght: erssge.
Color:#ffffff - a link szne
HEIGHT: 0px - ez is ilyen tvolsg, nem rdemes vele foglalkozni, elcsfthatod az oldalt
TEXT-DECORATION: none - a szoksos szveg dekorci, a none azt jelenti, hogy nincs

A:visited:
ha rkattintanak egy linkre ilyen szn marad
nem ignyel magyarzatot, ugyanaz vonatkozik r, mint az A:linkre

A:hover:
amikor rviszed az egeret a linkre ilyen lesz
erre a rszre is ugyanaz vonatkozik, mint az A:link lersban.

A kd tbbi rsze a grgetre (csszka) vonatkozik:

<style type="text/css">
<!--body
{scrollbar-face-color:#000000;
scrollbar-shadow-color:#000000;
scrollbar-highlight-color:#ffffff;
scrollbar-3dlight-color:#000000;
scrollbar-darkshadow-color:#000000;
scrollbar-track-color:transparent;
scrollbar-arrow-color:#ffffff;
background-color: black; }-->

</STYLE>

Ehhez a legjobb magyarzat, ha egy kinagytott grgett ltsz, s megvannak nylazva a kpen, hogy mi mit jelent. Felesleges elksztennk ennek lerst, ezen az oldalon teljesen rthet melyik rsz mit takar, st akr be is llthatod egybl milyen szneket szeretnl, gy nem kell kdot trnod, mivel megadja a kdjt:

http://iconico.com/CSSScrollbar/

Lnyegben ebbl ll ez a kzkedvelt stlusvltoztat kd. Remljk minden vilgos. Azt ajnljuk, hogy a kdot a gpeden megnyitott szveges dokumentumban rd t, majd elszr prbld ki. Teht pl. kszts egy msik gp-s oldalt, ne fizesd rte ki a 20 kreditet, ez az oldal csak azrt lesz, hogy kiprbld mit alkottl. Ha elrontod, nem kell legalbb egybl szegny webmestert nyaggatnod, hisz a portl automatikusan trldik 7 nap utn. Ez a legbiztosabb :)
Ha nem mersz prblkozni, dobj egy emailt neknk, s rd le nagybbl milyen stluskdot szeretnd, ha tudod adj meg pr sznkdot, vagy kpet, amirl tudunk levenni sznmintt.

Sajt rs (br feleslegesen rom ide, ha olyan vagy, gyis ellopod...)

 
Men Plusz

 dvzls
 Regisztrci
 Bejelentkezs
 Honlaptrkp
 Oldal: inf, vk
  AR mackk
 Szablyzat
 Hirdess ingyen!
 Linkcserk
 Buttoncserk
 ALL szvetsg

 
AR ajnl

 Design-szettek
 CSS kdok
 zenfal portlodra
 Tbb kinzet CSS-vel
 Kpvlts men
 Krdezz-Felelek script
 Klnleges frissts
 Egy modulban tbb
 Kpeffekt CSS-vel
 CSS magyarzat
 Klnleges modulstlus
 Klnleges modulstlus div

 
Chat


 
Online
2 ltogat van itt
 
                                   

 

                                                              


Megjelent a Nintendo Switch 2 és a Mario Kart World! Ennek örömére megújítottam a Hungarian Super Mario Fan Club oldalt.    *****    Homlokzati hõszigetelés! Vállaljuk családi házak, nyaralók és egyéb épületek homlokzati szigetelését! 0630/583-3168    *****    A PlayStation 3 átmeneti fiaskója után a PlayStation 4 ismét sikersztori volt. Ha kíváncsi vagy a történetére, katt ide!    *****    A Bakuten!! az egyik leginkább alulértékelt sportanime. Egyedi, mégis csodálatos alkotásról van szó. Itt olvashatsz róla    *****    A PlayStation 3-ra jelentõsen felborultak az erõviszonyok a konzolpiacon. Ha érdekel a PS3 története, akkor kattints ide    *****    Új mese a Mesetárban! Téged is vár, gyere bátran! Mese, mese, meskete - ha nem hiszed, nézz bele!    *****    Az Anya, ha mûvész - Beszélgetés Hernádi Judittal és lányával, Tarján Zsófival - 2025.05.08-án 18:00 -Corinthia Budapest    *****    &#10024; Egy receptes gyûjtemény, ahol a lélek is helyet kapott &#8211; ismerd meg a &#8222;Megóvlak&#8221; címû írást!    *****    Hímes tojás, nyuszipár, téged vár a Mesetár! Kukkants be hozzánk!    *****    Dryvit, hõszigetelés! Vállaljuk családi házak, nyaralók és egyéb épületek homlokzati szigetelését! 0630/583-3168    *****    Nagyon ütõs volt a Nintendo Switch 2 Direct! Elemzést a látottakról pedig itt olvashatsz!    *****    Elkészítem születési horoszkópod és ajándék 3 éves elõrejelzésed. Utána szóban minden kérdésedet megbeszéljük! Kattints    *****    Könyves oldal - egy jó könyv, elrepít bárhová - Könyves oldal    *****    20 éve jelent meg a Nintendo DS! Emlékezzünk meg ról, hisz olyan sok szép perccel ajándékozott meg minket a játékaival!    *****    Ha érdekelnek az animék,mangák,videojátékok, japán és holland nyelv és kultúra, akkor látogass el a személyes oldalamra.    *****    Dryvit, hõszigetelés! Vállaljuk családi házak, nyaralók és egyéb épületek homlokzati szigetelését! 0630/583-3168 Hívjon!    *****    Könyves oldal - Ágica Könyvtára - ahol megnézheted milyen könyveim vannak, miket olvasok, mik a terveim...    *****    Megtörtént Bûnügyekkel foglalkozó oldal - magyar és külföldi esetek.    *****    Why do all the monsters come out at night? - Rose Harbor, a város, ahol nem a természetfeletti a legfõbb titok - FRPG    *****    A boroszkányok gyorsan megtanulják... Minden mágia megköveteli a maga árát. De vajon mekkora lehet ez az ár? - FRPG