Sziasztok.Most segítséget hoztam, hogy néhányotoknak tudjak segíteni.Remélem hasznotokra válik.
Forrás:Angels Blog Design
Menü-kód
<center>
<div class="noscript" id="cssmenu">
<a href="
LINK">
NÉV</a> <a
href="LINK"
target="_blank">NÉV</a></div>
<style type="text/css">
#cssmenu a {
font-family: Betűtípus;
display: block;
clear: both;
width: Menü szélessége;
font-size: Betű mérette;
line-height: 30px;
padding: 0 10px 0 20px;
color: Betű színe;
text-decoration: none;
margin: 0.5em;
background: Menü háttere;
-moz-box-shadow: 2px 2px 2px Doboz árnyéka;
-webkit-box-shadow: 2px 2px 2px Doboz árnyéka;
box-shadow: 2px 2px 2px Keret árnyéka;
-moz-border-radius: Keret;
-webkit-border-radius: Keret;
border-radius: Keret;
text-shadow: 1px 1px 1px Szöveg árnyéka;
}
#cssmenu a:hover { /
color: Betű színe ha ráviszed az egeret;}
#cssmenu.noscript a:hover {
background: Háttér, ha ráviszed az egeret;} </style>
</center>
Magyarázat: LINK: ide az egyik oldal linkjét írd / ez a link természetesen nem mindenhol ugyanaz/
NÉV: ide az oldal nevét írd
Betűtípus: itt tudod állítani, hogy milyen legyen a szöveg betűtípusa
Menü szélessége: itt az tudod beállítani, hogy mekkora legyen a menü /fontos: a méretet px-ben add meg!/
Betű mérete: itt a szöveg betűméretét tudod beállítani/ ezt is px-ben add meg!/
Betű színe: itt a szöveg színét tudod beállítani /szám kóddal írd le/
Menü háttere: itt azt tudod beállítani, hogy milyen legyen a menü mögötti rész/szín is lehet, de kép is lehet háttér. Amelyik képet szeretnéd azt ide linkeld be de a link elé írd oda h url és a linket tedd zárójelbe!/
Doboz árnyéka: itt azt tudod beállítani, hogy a doboz árnyéka milyen színű legyen /szín kóddal írd be!/
Keret árnyéka: itt a keret árnyékának színét tudod beállítani /itt is szín kóddal írd be!/
Keret: itt a keret szélességét adhatod meg /px-ben add meg, /0 9px 0 9px/
Szöveg árnyéka: itt a szöveg árnyékának színét adhatod meg /színkóddal!/
Betű színe mikor rá viszed az egeret: itt azt tudod beállítani, hogy a szöveg milyen színű legyen ha ráviszed az egeret /színkóddal!/
Háttér színe ha ráviszed az egeret: itt azt tudod beállítani, hogy milyen legyen a menü háttere ha ráviszed az egeret /lehet szín, ezt színkóddal írd be. Lehet kép vagy minta is amit linkel illesz be úgy hogy a link elé oda írod, hogy url és a linket zárójelbe teszed/
Akkor most mutatok erre egy példát:
<center>
<div class="noscript" id="cssmenu">
<a href="http://shootingstars-bettieszti.blogspot.hu/">FŐOLDAL</a> <a
href="http://shootingstars-bettieszti.blogspot.hu//p/rendelesek.html">RENDELÉSEK</a> <a href="http://shootingstars-bettieszti.blogspot.hu//p/szereplok.html">KARAKTEREK</a> <a href="http://shootingstars-bettieszti.blogspot.hu//p/hatterek.html">HÁTTEREK</a> <a href="http://shootingstars-bettieszti.blogspot.hu//p/kritikak.html"
target="_blank">KRITIKÁK</a></div>
<style type="text/css">
#cssmenu a {
font-family: Tahoma;
display: block;
clear: both;
width: 200px;
font-size: 12px;
line-height: 30px;
padding: 0 10px 0 20px;
color: white;
text-decoration: none;
margin: 0.5em;
background: url(http://aranymeli.gportal.hu/portal/aranymeli/image/gallery/1270481519_06.gif);
-moz-box-shadow: 2px 2px 2px #B1B1B1;
-webkit-box-shadow: 2px 2px 2px #B1B1B1;
box-shadow: 2px 2px 2px #B1B1B1;
-moz-border-radius: 0 9px 0 9px;
-webkit-border-radius: 0 9px 0 9px;
border-radius: 0 9px 0 9px;
text-shadow: 1px 1px 1px #B1B1B1;
}
#cssmenu a:hover { /
color: #000000;}
#cssmenu.noscript a:hover {
background: url(http://aranymeli.gportal.hu/portal/aranymeli/image/gallery/1261824073_45.gif);} </style>
</center>
A kód használata:
Megnyitod a bloggert--->Sablon--->Személyre szabás--->Speciális--->Stílus lap (CSS) hozzáadása /a menük között le kell görgetned, hogy megtaláld. Ez az utolsó lesz/ --> és a fehér részbe illeszd be a kódot.
Ha beillesztetted a kódot és ár kész van, akkor kattints az Alkalmazás a blogon-ra és utána menj vissza a bloggerhez.
Elrendezés-->Modul hozzáadás--> HTML/Java Script
Ha ezzel végeztél,kattints az Elrendezés mentésére és már kész is a menüd.Remélem tudtam segíteni.Ha nem értettetek valamit csak szóljatok és segítek benne!:))
BETTY
