Megjegyzés:
Gondoltam örülnétek neki, ha nem csak a chaten zaklatnának titeket, hanem a főoldalon, azaz a blogban is. :) Ezért én ajánlanám, hogy a chatet az "Oldal" menübe tegyétek be. Így rákényszerülnek, hogy körülnézzenek az oldalon is egy kicsit. ^^ De ez csak egy tipp. :)
Tartozékok:
<- oldalsó menübe kell beszúrni (bár én a helyetekben ezt átlátszóvá tenném, én csak azért nem tettem annak, mert nehogy hülyének nézzetek. :D)
<- a sorrendet mindenféleképen meg kell őrizni, mert úgy van összevágva. ^^ :3
<- nagyobb méretért katt
<- eredeti méretért katt
KÓD 1
A navigáció kódja........
01. ELSŐ fele (a menübe való)
<div align="center">
<table align="center" border="0" cellpadding="3" cellspacing="1" style="left: 0px; width: 100%;">
<tbody>
<tr>
<td class="textinput" onmouseout="rowOutEffect(this)" onmouseover="rowOverEffect(this)" valign="top">
<strong>¤ </strong><a href="LINK url">Szöveg</a> <strong>¤</strong><br />
Irány a főoldal!</td>
</tr>
<tr>
<td class="textinput" onmouseout="rowOutEffect(this)" onmouseover="rowOverEffect(this)" valign="top">
<strong>¤</strong> <a href="LINK url">Szöveg</a> <strong>¤</strong><br />
Minden az oldalról</td>
</tr>
<tr>
<td class="textinput" onmouseout="rowOutEffect(this)" onmouseover="rowOverEffect(this)" valign="top">
<strong>¤</strong> <a href="LINK url">Szöveg</a> <strong>¤</strong><br />
Képtelen világunk</td>
</tr>
<tr>
<td class="textinput" onmouseout="rowOutEffect(this)" onmouseover="rowOverEffect(this)" valign="top">
<strong>¤</strong> <a href="LINK url">Szöveg</a> <strong>¤</strong><br />
Túl minden határon</td>
</tr>
<tr>
<td class="textinput" onmouseout="rowOutEffect(this)" onmouseover="rowOverEffect(this)" valign="top">
<strong>¤</strong> <a href="LINK url">Szöveg</a> <strong>¤</strong><br />
Laza függésben</td>
</tr>
</tbody>
</table>
</div>
<table border="0" cellpadding="0" cellspacing="0" class="module" module_id="34318489" width="230">
<tbody>
</tbody>
</table>
02. Második fele, Ezt egy KÜLÖN (oldalsó) menübe tedd!
<script type="text/javascript">
<!--
function rowOverEffect(object) {
if (object.className == 'textinput') object.className = 'textinput_rollover';
}
function rowOutEffect(object) {
if (object.className == 'textinput_rollover') object.className = 'textinput';
}
//-->
</script>
<style type="text/css">
.textinput { /* így látható a menü */
padding-left: 4px;
padding-top: 2px;
padding-bottom: 2px;
background-color: transparent;
font-family: Tahoma;
font-size: 9px;
color: #5F9EA0;
Line-Height: 12px;
Letter-Spacing: 0px;
border-bottom-width: 0px;
border-left-width: 4px;
border-left-style: solid;
border-left-color: #1E90FF;
}
.textinput_rollover { /* ez akkor látható, ha ráviszed az egeret a menüre */
padding-left: 4px;
padding-top: 2px;
padding-bottom: 2px;
background-color: transparent;
font-family: Tahoma;
font-size: 9px;
color: #5F9EA0;
Line-Height: 12px;
Letter-Spacing: 0px;
border-bottom-width: 0px;
border-left-width: 4px;
border-left-style: solid;
border-left-color: #00BFFF;
}
--></style>
Példa:
KÓD 2
A menü kódja...
<p>
<style type="text/css">
body {font-size: 11pt}
td.modtitle { /* modulfejléc része */
font-family: Trebuchet MS; /* betű típusa */
font-size: 14px; /* betű mérete */
color: #FFFFFF; /* betű színe */
text-align: center; /* szöveg hol helyezkedik el: közép, jobb, bal */
background-color: #4682B4; /* háttér színe */
padding-top: 2px; /* keret és a szöveg közti távolság */
padding-bottom: 2px; /* keret és a szöveg közti távolság */}
td.modbody { /* tartalmi modul része */
background-color: #transparent; /* háttér színe */
font-family: Georgia; /* betű típusa */
font-size: 10px; /* betű mérete */
color: #B0C4DE; /* betű színe */
padding-left: 6px; /* keret és a szöveg közti távolság */
padding-right: 6px; /* keret és a szöveg közti távolság */
padding-bottom: 10px; /* keret és a szöveg közti távolság */}
LINK KÓDJA (igazából ez az előző folytatása)
a:link, a:visited {font-size: 8pt; color: #F0E68C; text-decoration: none}
a:hover, a:active {font-size: 8pt; color: #6495ED; text-decoration: underline} </style>
</p>
Linkelt kép:
<style type="text/css">
a:link img, a:visited img {KÉP url
border: 0px solid #e95a82;
background-color: transparent;
padding: 0px;
filter: alpha(opacity=90);
opacity: 1.0;}
a:hover img { KÉP url
border: 0px solid #e95a82;
background-color: transparent;
padding: 0px;
filter: alpha(opacity=60);
opacity: 0.6;}
-->
</style>
Betűtípusok:
<style type="text/css">
STRONG {
COLOR: #5F9EA0;
FONT-SIZE: 9PX;
letter-spacing: 1px;
background-color: #;
FONT-FAMILY: georgia;
border-bottom: 1 px solid #;}
U {
font-family: georgia;
font-size: 9px;
line-height: 8px;
TEXT-TRANSFORM: UPPERC ASE;
color: #4682B4;
font-weight: bold;
background-color: #transparent;
text-decoration: none;
letter-spacing: 0px;}
EM {
COLOR: #00BFFF;
letter-spacing: px;
FONT-SIZE: 9PX;
FONT-FAMILY: georgia;
background-color: #;
border-bottom: 1px dotted #00BFFF;}
-->
</style>
Péda:
Aki szeret mindent megbocsát <3
Ha eszek álmos leszek, ha alszom éhes leszek. Az élet így szép! ^^
Mindenkinek van egy álma... az enyém te lettél... (8)
A fejlécre (szintén oldalsó modulba ajánlott)
<div style="LEFT: 305px; WIDTH: 400px; POSITION: absolute; TOP: 370px; HEIGHT: 150px">
<p align="center">
<img align="center" border="0" src="portal/abrinda/image/gallery/1351508721_60.gif" /><img align="center" border="0" src="portal/abrinda/image/gallery/1351508723_05.gif" /><img align="center" border="0" src="portal/abrinda/image/gallery/1351508723_67.gif" /><img align="center" border="0" src="portal/abrinda/image/gallery/1351508723_32.gif" /><img align="center" border="0" src="portal/abrinda/image/gallery/1351508723_21.gif" /><img align="center" border="0" src="portal/abrinda/image/gallery/1351508723_53.gif" /></p>
</div>
Chat:
Azt ne hari, de nem írom le, hogy mit hogyan, elvégre azt könnyedén meg tudjátok csinálni ti is. :) Ajánlom a: B0C4DE, F0E68C, és a 6495ED színeket felhasználni.
REMÉLEM TETSZETT KREÁLMÁNYOM, VISZLÁÁÁT! ^^
|