Ime egy nagy gportálos CSS kód! Szépen mindent kikommenteztem, így láthatod, mi
micsoda, és mit változtat!
A legkönnyebben valamilyen HTML szerkesztővel írhatod át a kódot. (keresés és csere) A HTMLPAd és a PSpad pont megfelel erre a célra!:)
A kapcsos-zárójelek előtti rész (pl a body, td.modtitle vagy a td.menu stb.) a gportálon ugyanazok! Értelem szerűen ezeken ne változtass, mert nem fog működni a CSS! ...és azt is le kell itt szögeznem, hogy mivel ezek mindenhol (itt a gportálon) ugyanazok, ez nem jelent lopást!!! Ha megnézed más helyen a gportálos css kódokat, ezek mindenhol ugyanazok lesznek!
Itt kezdődik a kód: <![CDATA[
<STYLE type=text/css>
<!--
/* ez a rész az egész oldalra vonatkozik */
body {
font: 10pt tahoma; /* betűméret és betűtípus */
color: #8C5E5E; /* betűszíne */
/* görgetősáv */
scrollbar-face-color:#B28E8E;
scrollbar-highlight-color:#F7EEEE;
scrollbar-3dlight-color:#B28E8E;
scrollbar-darkshadow-color:#B28E8E;
scrollbar-shadow-color:#F7EEEE;
scrollbar-arrow-color:#F7EEEE;
scrollbar-track-color:#F4EAEA; }
/*menüfejléc*/
td.modtitle {
font: bold 10pt Tahoma; /*bold, ha félkövér*/
color: #F7EEEE;
height: 20pt; /* menüfejléc magassága */
background: #F4EAEA url(//kismvity2.gportal.hu/portal/kismvity2/image/gallery/1213886129_20.jpg);
/* háttér színe, és a háttérben lévő kép URL-je */
border: 3px #DFC1BF solid; /* keret vastagsága, színe, stílusa */
}
/* egyszerű modulok tartalma*/
td.modbody {
font-size: 8pt;
color: #8C5E5E;
background: #F4EAEA url(//kismvity2.gportal.hu/portal/kismvity2/image/gallery/1213886151_95.jpg);
/* ha átlátszót szeretnél, akkor background: transparent; */
}
/* menü típusú modulok*/
td.menu {
font-size: 8pt;
color: #8C5E5E;
background: #F4EAEA url(//kismvity2.gportal.hu/portal/kismvity2/image/gallery/1213886151_95.jpg);
}
/* vendégkönyv-bejegyzés fejléc rész */
td.listheader3{
border: #8C5E5E 1pt dotted; /* a keret színe, vastagsága, stílusa. A dotted a pontozott. */
font-size: 8pt;
color: #8C5E5E;
background-color: #F4EAEA
}
/* Blog-plusz rész */
td.listheader {
border: #8C5E5E 1pt dotted; /* a keret színe, vastagsága, stílusa. A dotted a pontozott. */
font-size: 8pt;
color: #8C5E5E;
background-color: #F4EAEA
}
/* vendégkönyv-bejegyzés része */
td.list1 {
font: 8pt tahoma;
color: #0FBEE3;
background-color: #F4EAEA;
}
/* linkek színe + a látogatott linkek színe */
a:link, a:visited {
font-size: 8pt;
color: #8C5E5E;
text-decoration: none; /* a link nem lesz aláhúzva */
}
/* linkek színe, ha föléviszed az egeret, és az aktív linkek színe */
a:hover, a:active {
font-size: 8pt;
font-weight: bold;
color: #8C5E5E;
text-decoration: none;
}
/* a menüben lévő linkek */
a.menu:link, a.menu:visited {
font-size: 8pt;
color: #8C5E5E;
text-decoration: none;
}
/* menüben lévő linkek, ha föléviszed az egeret */
a.menu:hover, a.menu:active {
font-size: 8pt;
font-weight: bold;
color: #8C5E5E;
text-decoration: none;
}
/* fejlécben lévő linkek */
a.head:link, a.head:visited {
font-size: 8pt;
color: #8C5E5E;
text-decoration: none;
}
/* fejlécben lévő link, ha föléviszed az egeret */
a.head:hover, a.head:active {
font-size: 8pt;
font-weight: bold;
color: #8C5E5E;
text-decoration: none;
}
/*szövegbeviteli mezők, gombok, választómezők /bejelentkezés, ok gomb stb./*/
input, button, select, textarea {
border: #8C5E5E 1pt dotted;
font-weight: none;
font-size: 10pt;
color: #8C5E5E;
font-family: tahoma;
background-color: #F4EAEA;
}
/*naptárravonatkozó dolgok*/
td.caladd {
font-size: 8pt;
font-family: tahoma;
color: #8C5E5E;
background-color: #F4EAEA;
text-align: center; /* középre igazítás */
}
td.caleven {
font-size: 8pt;
font-family: tahoma;
color: #8C5E5E;
background-color: #F4EAEA;
text-align: center;
}
td.caladdsunday {
font-size: 8pt;
font-family: tahoma;
font-weight: bold;
color: #8C5E5E;
background-color: #F4EAEA;
text-align: center;
}
td.calevensunday {
font-size: 8pt;
font-family: tahoma;
font-weight: bold;
color: #8C5E5E;
background-color: #F4EAEA;
text-align: center;
}
div.calender {
border: solid 1pt #8C5E5E;
padding-left: 1pt; /* belső margó bal oldalon */
padding-right: 1pt; /* belső margó jobb oldalon */
}
div.calender2 {
border: solid 0pt #8C5E5E;
padding-left: 1pt;
padding-right: 1pt}
-->
</STYLE>
]]>
...és itt van vége! |
AJÁNLOM AZ OLDALT
