Design bejegyzés ||3 - HTML kódok + Díszítőelemek + Textúrák + Faviconok + Betűtípusok

Drága olvasók!

Először is; sajnáljuk, hogy ennyit késett a design bejegyzés, tudjuk hogy hétvégére ígértük. A lényeg, hogy itt van, reméljük az összes kérést teljesítettük, amennyiben nem, jelezzétek.

Másodszor; mostanában nagyon elszaporodtak a chat-ben lévő szidások, kurvázgatások, és a hasonlók. Szeretnénk megkérni minden egyes aranyos, jóindulatú utálónkat, hogy keresse meg a piros x-et, és takarodjon innen, mert senki sem kíváncsi arra, hogy mit pofázik. Elnézést, ha néha eléggé elszabadulnak az indulataink és rosszabbul vágunk vissza, mint ahogyan azt kellett volna, de nem kötelező itt lenni. Ha nem tetszünk, lehet keresni másik grafikás-segítő oldalt, már amennyiben találni lehet 3-4-nél több normálisat. Nem nagyképűség, ez van. 

Viszont köszönjük szépen mindenkinek, aki támogat minket, és feliratkozik, nagyon hálásak vagyunk érte. 

A nyereményjáték kisorsoltjainak kisrészt válaszoltunk, viszont a reklámvideósoknak és a fejléceseknek még nem, amiért elnézést kérünk, amint tudunk teljesítjük azt, amit megígértünk. 

A szívesség bejegyzés alatt található kommentelőknek, akik lájkolták a képet is válaszolunk ehét, vagy a jövőhét folyamán a megadott e-mail címükön keresztül.

+ Nemsokára tájékoztatunk titeket egy újdonságról, amit még tényleg nem láttunk sehol. 

Ennyi lenne, további szép napot!  

HTML kódok: Diana Lindsey

Díszítőelemek: Zebi

Textúrák: Katie Boo

Faviconok: Valerie Bridgewood

Betűtípusok: Sophie T.

HTML kódok: 

Linkeffektek

Elhalványuló link fekete árnyékkal

<style type="text/css">

a:link, a:visited {

    text-decoration: none; 

    text-shadow: #000000 1px 1px 1px;

    filter: alpha(opacity=60); 

    opacity: 1; 

    -webkit-transition: opacity .10s ease-in;     

     -moz-transition: opacity .10s ease-in;     

    -o-transition: opacity .10s ease-in; 

}

a:hover {

    text-decoration: none;

    text-shadow: #000000 1px 1px 1px;

    cursor: default;

    filter: alpha(opacity=90); 

    opacity: .5; 

     -webkit-transition: opacity .10s ease-in;   

     -moz-transition: opacity .10s ease-in;     

     -o-transition: opacity .10s ease-in; 

}

-->

</style>

Színváltós link:

<script language="JavaScript">

<!--

/*

Fading Hover - xanga.com/add_ons

Submitted by xanga.com/xCoolAsFcuk

*/

//color that link fades to when hovered

var fadeTo = "#000000";

//delay - lower number is faster

var speed = 25;

var ignoreClass = "ignore";

var fiBy = 10;

var foBy = 10;

var opera, ie, dom, x = 0, oc, fader, ocs = new Array();

if (navigator.userAgent.indexOf("Opera") != -1) opera = true

else if (document.all && !opera) ie = true

else if (!document.all && document.getElementById) dom = true;

function convertRGB(z)

{

  var newfcS = "", splitter = "";

  splitter = z.split(",");

  splitter[0] = parseInt(splitter[0].substring(4, splitter[0].length));

  splitter[1] = parseInt(splitter[1]);

  splitter[2] = parseInt(splitter[2].substring(0, splitter[2].length-1));

  for (var q = 0; q < 3; q++)

   {

    splitter[q] = splitter[q].toString(16);

    if (splitter[q].length == 1) splitter[q] = "0" + splitter[q];

    newfcS += splitter[q];

   }

  return newfcS;

}

function currentColour(index)

{

  var temp, cc;

  if (opera) cc = document.links[index].style.color

  else if (ie) cc = document.links[index].currentStyle.color

  else if (dom) cc = 

document.defaultView.getComputedStyle(document.links[index], 

'').getPropertyValue("color");

  if (cc.length == 4 && cc.substring(0, 1) == "#")

   {

    temp = "";

    for (var a = 0; a < 3; a++)

     temp += cc.substring(a+1, a+2) + cc.substring(a+1, a+2);

    cc = temp;

   }

  else if (cc.indexOf("rgb") != -1) cc = convertRGB(cc)

  else if (cc.length == 7) cc = cc.substring(1, 7)

  else cc = fadeTo;

  return cc;

}

function convert2Dec(hex)

{

  var rgb = new Array();

  for (var u = 0; u < 3; u++)

   rgb[u] = parseInt(hex.substring(u*2, u*2+2), 16);

  return rgb;

}

function newRGB(f, n, d)

{

  var change;

  if (d == 1) change = fiBy

  else change = foBy;

  for (var g = 0; g < 3; g++)

   {

    if (n[g] > f[g] && n[g] - change >= 0) n[g] -= change;

    if (n[g] < f[g] && n[g] + change <= 255) n[g] += change;

   }

  return n;

}

//xafadinghover

function fade(index, d)

{

  var fc, nc, temp = new Array(), finished = false;

  nc = convert2Dec(currentColour(index));

  if (d == 1) fc = convert2Dec(fadeTo)

  else fc = convert2Dec(ocs[x]);

  temp = convert2Dec(currentColour(index));

  nc = newRGB(fc, nc, d);

  if ((nc[0] == temp[0]) && (nc[1] == temp[1]) && (nc[2] == temp[2]))

   finished = true;

  if (!finished) document.links[x].style.color = "rgb(" + nc[0] + "," + 

nc[1] + "," + nc[2] + ")"

  else clearInterval(fader);

}

function findLink(over)

{

  if (document.layers) return;

  if (fader)

   {

    clearInterval(fader);

    document.links[x].style.color = "#" + ocs[x];

   }

  if (over && !this.id) this.id = over;

  x = 0;

  while (!(this.id == document.links[x].id) && (x < document.links.length))

   x++;

  if (this.id == document.links[x].id)

   {

    oc = currentColour(x);

    fader = setInterval("fade(" + x  + ", 1)", speed);

   }

}

function clearFade()

{

  if (document.layers) return;

  if (fader) clearInterval(fader);

  fader = setInterval("fade(" + x + ", 0)", speed);

}

function init()

{

  for (var i = 0; i < document.links.length; i++)

   {

    ocs[i] = currentColour(i);

    var currentOver = document.links[i].onmouseover;

    var currentOut = document.links[i].onmouseout;

    var ignoreIt = document.links[i] == ignoreClass;

    if (!ignoreIt) document.links[i].id = "link" + i;

    if (!currentOver && !currentOut && !ignoreIt)

     {

      document.links[i].onmouseover = findLink;

      document.links[i].onmouseout = clearFade;

     }

   }

}

if (opera || ie || dom) window.onload = init;

//--></script>

Szövegdobozok

Előnézeti kép:

Kódja: 

<style type="text/css">

#fejlec {

    background:url("") no-repeat;

    padding-top: 0px;

    padding-left: 0px;

    padding-right: 0px;

    padding-bottom: 4px;

    font-size: 14px;

    color: #ffffff;

    font-weight: bold;

    text-align: center;

    height: auto;    

    width: auto;     

    line-height: 35px;   }

#total {

    width: 270px;} 

#szelesseg {

    width: 260px;} 

#tartalom {      

    background:url("http://kepfeltoltes.hu/131031/tartalom_www.kepfeltoltes.hu_.png") ;

    text-align: justify;

    padding-right: 5px;

    padding-left: 5px; }

#lablec {

    background:url("http://kepfeltoltes.hu/131031/895846576fejl_c_www.kepfeltoltes.hu_.png") ;

    height: 18px;        

    padding-left: 300px;

    font-family: Stencil STD;

    text-align: center;

    color: #ffffff;

    padding-right: 0px;

    padding-left: 0px;

    padding-top: 2px;

    padding-bottom: 0px;}</style>

<div id="total">

    <div id="fejlec">

        </div>

    <div id="tartalom">

        <div id="szelesseg">

            IDE ILLESZD BE A FELIRATOT!

</div>

    </div>

    <div id="lablec">

        </div>

</div>

Előnézeti kép: 

Kód: 

<style type="text/css">

#fejlec {

    background:url("") no-repeat;

    padding-top: 0px;

    padding-left: 0px;

    padding-right: 0px;

    padding-bottom: 4px;

    font-size: 14px;

    color: #ffffff;

    font-weight: bold;

    text-align: center;

    height: auto;    

    width: auto;     

    line-height: 35px;   }

#total {

    width: 270px;} 

#szelesseg {

    width: 260px;} 

#tartalom {      

    background:url("http://kepfeltoltes.hu/131031/kett__www.kepfeltoltes.hu_.png") ;

    text-align: justify;

    padding-right: 5px;

    padding-left: 5px; }

#lablec {

    background:url("http://kepfeltoltes.hu/131031/egy_www.kepfeltoltes.hu_.png") ;

    height: 18px;        

    padding-left: 300px;

    font-family: Stencil STD;

    text-align: center;

    color: #ffffff;

    padding-right: 0px;

    padding-left: 0px;

    padding-top: 2px;

    padding-bottom: 0px;}</style>

<div id="total">

    <div id="fejlec">

        </div>

    <div id="tartalom">

        <div id="szelesseg">

            IDE ILLESZD BE A FELIRATOT!

</div>

    </div>

    <div id="lablec">

        </div>

</div>

Díszítőelemek: 

Faviconok: 

 

Textúrák:

Betűtípusok:

Magnolia Light

FeliX

Jennifer Lynne

Always in my heart

Halo Handlatter