2014. 01. 18.

Hátterek #3 - Textúrák #1 - Betűtipusok #1#2 - Rendezett képek #6#7 - Képcsomagok #1#2#3 - Segítségek #6#7#8#9

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! 

Hátterek:




















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! :)









Képcsomagok:
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.

<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

6 megjegyzés:

  1. Sziasztok! Nagyon szép mindegyik! El lehet vinni a hátterek közül valamelyiket is?

    VálaszTörlés
    Válaszok
    1. Szia! :)
      Természetesen viheted, azért hoztam! :)
      xx
      Cher B.

      Törlés
  2. 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és
  3. Szia, elvittem két képet, ha nem baj :)

    VálaszTörlés
  4. Vittem a hátteres menükódot! ^^

    VálaszTörlés
  5. Szia!
    Én elvittem a kijelölést és másolást tiltó kódot.
    Köszönöm szépen! :)

    VálaszTörlés