2013. október 31., csütörtök

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