چۆنیەتی نوسینی شیوەی | سریدی | بە بەکارهێنانی CSS و HTML

خۆشەویستانی تۆری تەکنەلۆژیای زانیاری کوردی ئەمجارەش هاتمەوە خزمەتان بە وانەیەکی نوێ لەسەر سی ئیس ئیس و ئێچ تی ئێم ئێڵ، لەم وانەیەدا باسی چۆنیەتی نوسینی شیوەی | سریدی | بە بەکارهێنانی CSS و HTML دەخەمە ڕوو بۆ ئێوەی خۆشەویست.بەهیوای سود لێوەبگرن…

 

چۆنیەتی دروستکرنی :

سەرەتا لە پڕگەی HTML ئەم کۆدانە بنووسە :

 

<div id="kitn1">
<h1 style="text-align: center;">KITN</h1>

وە لە پڕگەی css ئەم کۆدە  بنووسە :

#kitn1 h1{
 font:bold 70pt Arial;
color: #d93a36;
  text-shadow: 
    0 2px 0 #aa2421,
    0 4px 0 #8e1e1b,
    0 6px 0 #711816,
    0 8px 0 #551210;

}

نموونەی دووەم:

چۆنیەتی دروستکردنی :

لە پڕگەی HTML ئەم کۆدانە بنووسە :

<div id="kitn2">
<h1 style="text-align: center;">KITN</h1>

لە پڕگەی CSS ئەمانە بنووسە :

#kitn2 h1{
  color: #c8d2da;
  text-shadow: 
    0 2px 0 #b4c1cd,
    0 4px 0 #a0b1bf,
    0 6px 0 #8ca0b2,
    0 8px 0 #778fa4,
    3px 8px 15px rgba(0,0,0,0.1),
    3px 8px 5px rgba(0,0,0,0.3);
}

نموونەی سێ یەم

لە پڕگەی HTML ئەم کۆدانە بنووسە :

<div id="kitn3">
<h1 style="text-align: center;">KITN</h1>

لە پڕگەی CSS دا ئەمانە بنووسە :

#kitn3 h1 {
        color: #000;
        text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
        font: 80px 'UniQAIDAR_TeXtE';
}

 

نموونەی زیدنوو