Merhaba arkadaşlar , Oğulcan Turhanlar arkadaşımız isteği üzerine www.saidyavuz.com adresinde üst tarafta bulunan jquery hoşgeldin mesajını kaynak kod'dan alabileceğimizi söylemiş ve aldık burda sizlerle paylaşmak istedim .

Style.css sayfanıza ekleyeceğiniz kodlar


#welcomeBar {
width:910px;
padding:15px 15px 0 15px;
margin:0 auto;
height:31px;
background: #cfdecb;
background: -moz-linear-gradient(top, #cfdecb 0%, #bcd0b7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfc3bf), color-stop(100%,#bcd0b7));
background: -webkit-linear-gradient(top, #cfdecb 0%,#bcd0b7 100%);
background: -o-linear-gradient(top, #cfdecb 0%,#bcd0b7 100%);
background: -ms-linear-gradient(top, #cfdecb 0%,#bcd0b7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfc3bf', endColorstr='#bcd0b7',GradientType=0 );
background: linear-gradient(top, #cfdecb 0%,#bcd0b7 100%);
border-radius:0 0 3px 3px;
border-bottom:1px solid #bcd0b7;
position:relative;
margin-top:-43px;
}
#welcomeBar span {margin-left:5px; font-family: "Droid Sans", "Helvetica", sans-serif; font-size:14px; color:#fff; text-shadow:0 1px 0 #bcd0b7; }
#welcomeBar a { color:#fff; border-bottom:1px dotted #fff; font-weight:bold; }
#welcomeBar a:hover { text-decoration:none; color:#fff }
#welcomeClose { width:13px; height:14px; position:absolute; top:13px; right:15px; background: url('resim/x.png'); cursor:pointer }



tagları arasına çağırılacak jquery dosyaları


<script></script>
<script></script>
<script></script>


ve temanıza header bölümüne ekleyeceğiniz kodlar



Duyuru:Sitedeki paylaşımlar ile ilgili yeni bir karar alınmıştır bu karar için lütfen buraya tıklayınız.




son olarak style.css sayfanızda body tagının margin'ini 0 yaparsanız

şu şekilde

body{margin:0;}


hoşgeldiniz mesajı üst kısma tam yapışacaktır :) iyi kullanımlar Oğulcan