Sziasztok! :)
Ma egy hosszú, vegyes design bejegyzéssel érkeztem, amely tartalmazza a tőlem rendelt képeket, valamint háttereket, ezekből leginkább Vintage, színes és bézs típusúakat. Textúrák, és betűtípusok, melyek remélem érthetően vannak leírva. :) Aztán képcsomagok, többféle kategóriában: szintén megtalálható benne a Vintage irányzat, nagyvárosok, make up, és hasonlók :) Illetve pár segítséget és menükódokat.
Update: Minden kikerült a különböző menüpontokba!
Textúrák:
Betűtípusok:
Letöltési linkek:
Letöltési linkek:
Rendezett képek:
Mindegyiken szerepel a "MINTA" szócska, a félreértések elkerülése érdekében! :)
1.: Vintage rajzok
2. Városi életkép
3. Smink, haj, ruha
Segítségek:
Valaki kért barna menükódot. Konkrét barnát nem találtam, de ha követed az utasításaimat, akkor egyszerűen készíthetsz Te is szürkéből akár barnát.
Szürke menükód
A "link.html" helyére a kívánt oldal linkjét másold be. A Link 1 helyére pedig írd azt a nevet, amely oldalra mutasson a link. (Például: Főoldal, Szereplők, stb) A háttér színét (Hogy ne szürke legyen) az első "Background" lehetőségnél állítsd át. Ha tehát mondjuk lilát szeretnél, akkor ezt a színkódot másold be: #c27ba0 A második Background lehetőségnél azt a háttérszínt adhatod meg, hogy milyen legyen, ha ráviszed a kurzort. Itt ajánlom a világosabb színeket. A Color lehetőségeknél a betűszínét tudod változtatni. A jelenlegi fekete. A text lehetőségeknél a betűtípust.
<ul id="navigation">
<li><a href="link.html">Link 1</a></li>
<li><a href="link.html">Link 2</a></li>
<li><a href="link.html">Link 3</a></li>
<li><a href="link.html">Link 4</a></li>
</ul>
<p><style type="text/css">
#navigation {
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
list-style: none;
}
#navigation li {
margin-bottom: 3px;
}
#navigation a {
background: #D8DAD3;
color: #000000;
text: Georgia
display: block;
width: 150px;
border-left: 5px solid #808080;
padding-left: 10px;
padding-bottom: 5px;
padding-top: 5px;
}
#navigation a:hover {
background: #808080;
color: #000000;
text: Georgia
text-decoration: none;
border-left: 5px solid #000000;
}
-->
</style></p>
Hátteres menükód
A width-nél a szélességet, ne állítsd nagyobbra 370px-nél.. Bár a menüdtől függ.
Kijelölést tiltó kód:
<body oncontextmenu="return false" onselectstart="return false"
ondragstart="return false">
Másolást és kijelölést tiltó kód:
<script language=JavaScript>
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
</script>
<p>
<script type="text/javascript">
//form tags to omit in NS6+:
var omitformtags=["input", "textarea", "select"]
omitformtags=omitformtags.join("|")
function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
return false
}
function reEnable(){
return true
}
if (typeof document.onselectstart!="undefined")
document.onselectstart=new Function ("return false")
else{
document.onmousedown=disableselect
document.onmouseup=reEnable
}
</script><script type="text/javascript">
var gaJsHost = (("https:" == RubicusFrontendIns.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script><script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-549331-28");
pageTracker._trackPageview();
} catch(err) {}</script></p>
2. Városi életkép
3. Smink, haj, ruha
Segítségek:
Valaki kért barna menükódot. Konkrét barnát nem találtam, de ha követed az utasításaimat, akkor egyszerűen készíthetsz Te is szürkéből akár barnát.
Szürke menükód
A "link.html" helyére a kívánt oldal linkjét másold be. A Link 1 helyére pedig írd azt a nevet, amely oldalra mutasson a link. (Például: Főoldal, Szereplők, stb) A háttér színét (Hogy ne szürke legyen) az első "Background" lehetőségnél állítsd át. Ha tehát mondjuk lilát szeretnél, akkor ezt a színkódot másold be: #c27ba0 A második Background lehetőségnél azt a háttérszínt adhatod meg, hogy milyen legyen, ha ráviszed a kurzort. Itt ajánlom a világosabb színeket. A Color lehetőségeknél a betűszínét tudod változtatni. A jelenlegi fekete. A text lehetőségeknél a betűtípust.
<ul id="navigation">
<li><a href="link.html">Link 1</a></li>
<li><a href="link.html">Link 2</a></li>
<li><a href="link.html">Link 3</a></li>
<li><a href="link.html">Link 4</a></li>
</ul>
<p><style type="text/css">
#navigation {
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
list-style: none;
}
#navigation li {
margin-bottom: 3px;
}
#navigation a {
background: #D8DAD3;
color: #000000;
text: Georgia
display: block;
width: 150px;
border-left: 5px solid #808080;
padding-left: 10px;
padding-bottom: 5px;
padding-top: 5px;
}
#navigation a:hover {
background: #808080;
color: #000000;
text: Georgia
text-decoration: none;
border-left: 5px solid #000000;
}
-->
</style></p>
Hátteres menükód
A width-nél a szélességet, ne állítsd nagyobbra 370px-nél.. Bár a menüdtől függ.
<center>
<div class="noscript" id="cssmenu">
<a href="link helye">FŐOLDAL</a> <a
href="link helye">FEJEZETEK</a>
<a
href="link helye">DÍJAK</a>
<a
href="link helye">SZEREPLŐK</a>
<a
href="link helye"
target="_blank">DARE TO DREAM</a></div>
<style type="text/css">
#cssmenu a {
font-family: Gunny Rewritten; /* betűtípus */
display: block;
clear: both;
width: 250px; /* menü szélessége */
font-size: 13px; /* betű mérete */
line-height: 30px;
padding: 0 10px 0 20px;
color: #F43989; /* betű színe */
text-decoration: none;
margin: 0.5em;
background: url(link helye); /* menü háttere */
-moz-box-shadow: 2px 2px 2px #B1B1B1; /* doboz árnyéka */
-webkit-box-shadow: 2px 2px 2px #B1B1B1; /* doboz árnyéka */
box-shadow: 2px 2px 2px #B1B1B1; /* keret árnyéka */
-moz-border-radius: 0 9px 0 9px; /* keret */
-webkit-border-radius: 0 9px 0 9px; /* keret */
border-radius: 0 9px 0 9px; /* keret */
text-shadow: 1px 1px 1px #B1B1B1; /* szöveg árnyéka */
}
#cssmenu a:hover { /* betű színe, ha ráviszed az egeret */
color: #000000;}
#cssmenu.noscript a:hover { /* háttér, ha ráviszed az egeret */
background: url(a háttérkép linkjének helye);} </style>
</center>
Kijelölést tiltó kód:
<body oncontextmenu="return false" onselectstart="return false"
ondragstart="return false">
Másolást és kijelölést tiltó kód:
<script language=JavaScript>
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
</script>
<p>
<script type="text/javascript">
//form tags to omit in NS6+:
var omitformtags=["input", "textarea", "select"]
omitformtags=omitformtags.join("|")
function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
return false
}
function reEnable(){
return true
}
if (typeof document.onselectstart!="undefined")
document.onselectstart=new Function ("return false")
else{
document.onmousedown=disableselect
document.onmouseup=reEnable
}
</script><script type="text/javascript">
var gaJsHost = (("https:" == RubicusFrontendIns.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script><script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-549331-28");
pageTracker._trackPageview();
} catch(err) {}</script></p>
Remélem hasznos volt ez a bejegyzés! :) Valaki kért chatben kurzort, azt majd egy következő bejegyzésben hozom. Ha valamit visztek, írjátok meg kommentben, esetleg chatben!
xx
Cher Brooks
Sziasztok! Nagyon szép mindegyik! El lehet vinni a hátterek közül valamelyiket is?
VálaszTörlésSzia! :)
TörlésTermészetesen viheted, azért hoztam! :)
xx
Cher B.
Sziasztok! A betűtípusokról lenne egy kérdésem. Miután letöltöttem őket, és kibontottam zip fájlból, mit kell velük csinálni? Hogyan lehet használni őket?
VálaszTörlésSzia, elvittem két képet, ha nem baj :)
VálaszTörlésVittem a hátteres menükódot! ^^
VálaszTörlésSzia!
VálaszTörlésÉn elvittem a kijelölést és másolást tiltó kódot.
Köszönöm szépen! :)