Forrás:Angels Blog Design
Menü-kód
<center>
<div class="noscript" id="cssmenu">
<a href="LINK">NÉV</a> <a
href="LINK">NÉV</a> <a
href="LINK">NÉV</a> <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
Sziaa :) Én megcsináltam de a modul hozzáadásánál azt írja ki, hogy érvénytelen karaktert tartalmaz. Ilyenkor mi a teendő? (még sosem csináltam ilyesmit szóval elég kezdő vagyok ebben a témában...) ezt kell bemásolni nem?--->HTML/Java Script és úgy hogy modulok hozzáadása és ott pedig az add hozzá sajátodra megyek nem?
VálaszTörlésSzia Kata!Nos,én így nem értem mire gondolsz,de,ha írnál egy emailt,és le fényképeznéd,hogy mi jött ki,én segítenék! c:
Törlés