Creative-Blog

Selamlar arkadaşlar. Bu paylaşımı canımın sıkıldığı bir kaç saate borçluyum aslında. Ne yapsam? Ne yapsam? diye bilgisayarda gezinirken gözüme bir "Background" çarptı. Ve hadi şununla biraz oynayıp paylaşım haline getireyim dedim. Aslında bunları kodlarken aklıma bir konu daha geldi. Yakın zamanda divlerle basit çalışmalar yapıcağım bi video ekliyeceğim. 5-10 div kullanarak grafik adına basit bişeyler göstermeyi düşünüyorum sizlere. Neyse şimdilik bu kadar umarım alttaki "İntroları" beğenirsiniz.

Not: İntrolardaki logo boyutu; 390x115'dir. 
Not: Gözükmesinin istediğiniz kodun isminin üzerine geliniz.

"İntro Nasıl Eklenir" anlatımına gitmek için tıkla.   

İntro Yeşil

Yeşil İntro Önizleme

<style type="text/css"> body { background-color: #BAE2CA; background-image: url(https://img.webme.com/pic/c/creative-blog/CI-Yesilback-1.png); } a{ text-decoration: none; } #Yesil-Ust { background-image: url(https://img.webme.com/pic/c/creative-blog/CI-Yesilback-2.png); height: 125px; position: absolute; left: 0px; top: 0px; right: 0px; width: 100%; -webkit-box-shadow: 0 0 0 2px #9fceb2, 0 8px 6px #000; -moz-box-shadow: 0 0 0 2px #9fceb2, 0 8px 6px #000; box-shadow: 0 0 0 2px #9fceb2, 0 8px 6px #000; z-index: -1; } #Yesil-Menu ul { padding: 0px; list-style-type: none; width: 729px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } #Yesil-Menu ul li { float: left; width: 181px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: #000; border-right-color: #000; border-bottom-color: #000; -webkit-transition: background-color 0.7s linear ; -moz-transition: background-color 0.7s linear ; -ms-transition: background-color 0.7s linear ; -o-transition: background-color 0.7s linear ; transition: background-color 0.7s linear ; } #Yesil-Menu ul li:hover { background-color:#fff; -webkit-transition: background-color 0.7s linear ; -moz-transition: background-color 0.7s linear ; -ms-transition: background-color 0.7s linear ; -o-transition: background-color 0.7s linear ; transition: background-color 0.7s linear ; } #Yesil-Menu ul li a { display: block; width: 181px; text-align: center; text-decoration: none; font-family: Tahoma; font-size: 24px; color: #000; height: 45px; line-height: 45px; } .Yesil-Sol-Click { border-left-width: 1px; border-left-style: solid; border-left-color: #000; border-top-left-radius: 20px; border-bottom-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomleft: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; } .Yesil-Sag-Click { border-top-right-radius: 20px; border-bottom-right-radius: 20px; -moz-border-radius-topright: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-top-right-radius: 20px; -webkit-border-bottom-right-radius: 20px; } #Yesil-Yazi { width: 529px; font-family: Tahoma; margin-right: auto; margin-left: auto; text-align: center; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #000; border-bottom-color: #000; border-left-color: #000; background-color: #FFF; height: 300px; padding-top: 6px; padding-right: 8px; padding-bottom: 6px; padding-left: 8px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 20px; -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; margin-top: 46px; } #Yesil-Logo { height:115px; width:390px; margin-left:auto; margin-right:auto; background-image: url(https://img.webme.com/pic/c/creative-blog/CI-Yesillogo.png); margin-top:10px; -webkit-transition: -webkit-transform 0.7s ease-in-out; -moz-transition: -moz-transform 0.7s ease-in-out; -ms-transition: -ms-transform 0.7s ease-in-out; -o-transition: -o-transform 0.7s ease-in-out; transition: transform 0.7s ease-in-out; } #Yesil-Logo:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 0.7s ease-in-out; -moz-transition: -moz-transform 0.7s ease-in-out; -ms-transition: -ms-transform 0.7s ease-in-out; -o-transition: -o-transform 0.7s ease-in-out; transition: transform 0.7s ease-in-out; } </style> <div id="Yesil-Ust"></div> <a href="#" _fcksavedurl="#"><div id="Yesil-Logo"></div></a> <div id="Yesil-Menu"> <ul> <li class="Yesil-Sol-Click"><a href="#" _fcksavedurl="#">Siteye Gir</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Konuk Defteri</a></li> <li class="Yesil-Sag-Click"><a href="#" _fcksavedurl="#">Hakkımda</a></li> </ul> </div> <div id="Yesil-Yazi">Buraya ziyaretçiyi karşılama metninizi yazınız.</div>

İntro Gri

Gri İntro Önizleme

<style type="text/css"> body { background-color: #bababa; background-image: url(https://img.webme.com/pic/c/creative-blog/CI-Griback-1.png); } a{ text-decoration: none; } #Gri-Ust { background-image: url(https://img.webme.com/pic/c/creative-blog/CI-Griback-2.png); height: 125px; position: absolute; left: 0px; top: 0px; right: 0px; width: 100%; -webkit-box-shadow: 0 0 0 2px #9f9f9f, 0 8px 6px #000; -moz-box-shadow: 0 0 0 2px #9f9f9f, 0 8px 6px #000; box-shadow: 0 0 0 2px #9f9f9f, 0 8px 6px #000; z-index: -1; } #Gri-Menu ul { padding: 0px; list-style-type: none; width: 729px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } #Gri-Menu ul li { float: left; width: 181px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: #000; border-right-color: #000; border-bottom-color: #000; -webkit-transition: background-color 0.7s linear ; -moz-transition: background-color 0.7s linear ; -ms-transition: background-color 0.7s linear ; -o-transition: background-color 0.7s linear ; transition: background-color 0.7s linear ; } #Gri-Menu ul li:hover { background-color:#fff; -webkit-transition: background-color 0.7s linear ; -moz-transition: background-color 0.7s linear ; -ms-transition: background-color 0.7s linear ; -o-transition: background-color 0.7s linear ; transition: background-color 0.7s linear ; } #Gri-Menu ul li a { display: block; width: 181px; text-align: center; text-decoration: none; font-family: Tahoma; font-size: 24px; color: #000; height: 45px; line-height: 45px; } .Gri-Sol-Click { border-left-width: 1px; border-left-style: solid; border-left-color: #000; border-top-left-radius: 20px; border-bottom-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomleft: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; } .Gri-Sag-Click { border-top-right-radius: 20px; border-bottom-right-radius: 20px; -moz-border-radius-topright: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-top-right-radius: 20px; -webkit-border-bottom-right-radius: 20px; } #Gri-Yazi { width: 529px; font-family: Tahoma; margin-right: auto; margin-left: auto; text-align: center; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #000; border-bottom-color: #000; border-left-color: #000; background-color: #FFF; height: 300px; padding-top: 6px; padding-right: 8px; padding-bottom: 6px; padding-left: 8px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 20px; -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; margin-top: 46px; } #Gri-Logo { height:115px; width:390px; margin-left:auto; margin-right:auto; background-image: url(https://img.webme.com/pic/c/creative-blog/CI-Grilogo.png); margin-top:10px; -webkit-transition: -webkit-transform 0.7s ease-in-out; -moz-transition: -moz-transform 0.7s ease-in-out; -ms-transition: -ms-transform 0.7s ease-in-out; -o-transition: -o-transform 0.7s ease-in-out; transition: transform 0.7s ease-in-out; } #Gri-Logo:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 0.7s ease-in-out; -moz-transition: -moz-transform 0.7s ease-in-out; -ms-transition: -ms-transform 0.7s ease-in-out; -o-transition: -o-transform 0.7s ease-in-out; transition: transform 0.7s ease-in-out; } </style> <div id="Gri-Ust"></div> <a href="#" _fcksavedurl="#"><div id="Gri-Logo"></div></a> <div id="Gri-Menu"> <ul> <li class="Gri-Sol-Click"><a href="#" _fcksavedurl="#">Siteye Gir</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Konuk Defteri</a></li> <li class="Gri-Sag-Click"><a href="#" _fcksavedurl="#">Hakkımda</a></li> </ul> </div> <div id="Gri-Yazi">Buraya ziyaretçiyi karşılama metninizi yazınız.</div>

İntro Mavi

Mavi İntro Önizleme

<style type="text/css"> body { background-color: #9fc9ce; background-image: url(https://img.webme.com/pic/c/creative-blog/CI-Maviback-1.png); } a{ text-decoration: none; } #Mavi-Ust { background-image: url(https://img.webme.com/pic/c/creative-blog/CI-Maviback-2.png); height: 125px; position: absolute; left: 0px; top: 0px; right: 0px; width: 100%; -webkit-box-shadow: 0 0 0 2px #9fc9ce, 0 8px 6px #000; -moz-box-shadow: 0 0 0 2px #9fc9ce, 0 8px 6px #000; box-shadow: 0 0 0 2px #9fc9ce, 0 8px 6px #000; z-index: -1; } #Mavi-Menu ul { padding: 0px; list-style-type: none; width: 729px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } #Mavi-Menu ul li { float: left; width: 181px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: #000; border-right-color: #000; border-bottom-color: #000; -webkit-transition: background-color 0.7s linear ; -moz-transition: background-color 0.7s linear ; -ms-transition: background-color 0.7s linear ; -o-transition: background-color 0.7s linear ; transition: background-color 0.7s linear ; } #Mavi-Menu ul li:hover { background-color:#fff; -webkit-transition: background-color 0.7s linear ; -moz-transition: background-color 0.7s linear ; -ms-transition: background-color 0.7s linear ; -o-transition: background-color 0.7s linear ; transition: background-color 0.7s linear ; } #Mavi-Menu ul li a { display: block; width: 181px; text-align: center; text-decoration: none; font-family: Tahoma; font-size: 24px; color: #000; height: 45px; line-height: 45px; } .Mavi-Sol-Click { border-left-width: 1px; border-left-style: solid; border-left-color: #000; border-top-left-radius: 20px; border-bottom-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomleft: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; } .Mavi-Sag-Click { border-top-right-radius: 20px; border-bottom-right-radius: 20px; -moz-border-radius-topright: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-top-right-radius: 20px; -webkit-border-bottom-right-radius: 20px; } #Mavi-Yazi { width: 529px; font-family: Tahoma; margin-right: auto; margin-left: auto; text-align: center; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #000; border-bottom-color: #000; border-left-color: #000; background-color: #FFF; height: 300px; padding-top: 6px; padding-right: 8px; padding-bottom: 6px; padding-left: 8px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 20px; -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; margin-top: 46px; } #Mavi-Logo { height:115px; width:390px; margin-left:auto; margin-right:auto; background-image: url(https://img.webme.com/pic/c/creative-blog/CI-Mavilogo.png); margin-top:10px; -webkit-transition: -webkit-transform 0.7s ease-in-out; -moz-transition: -moz-transform 0.7s ease-in-out; -ms-transition: -ms-transform 0.7s ease-in-out; -o-transition: -o-transform 0.7s ease-in-out; transition: transform 0.7s ease-in-out; } #Mavi-Logo:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 0.7s ease-in-out; -moz-transition: -moz-transform 0.7s ease-in-out; -ms-transition: -ms-transform 0.7s ease-in-out; -o-transition: -o-transform 0.7s ease-in-out; transition: transform 0.7s ease-in-out; } </style> <div id="Mavi-Ust"> </div> <a href="#" _fcksavedurl="#"> <div id="Mavi-Logo"> </div> </a> <div id="Mavi-Menu"> <ul> <li class="Mavi-Sol-Click"><a href="#" _fcksavedurl="#">Siteye Gir</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Konuk Defteri</a></li> <li class="Mavi-Sag-Click"><a href="#" _fcksavedurl="#">Hakkımda</a></li> </ul> </div> <div id="Mavi-Yazi">Buraya ziyaretçiyi karşılama metninizi yazınız.</div>

İntro Kırmızı

Kırmızı İntro Önizleme

<style type="text/css"> body { background-color: #9fc9ce; background-image: url(https://img.webme.com/pic/c/creative-blog/CI-Kirmiziback-1.png); } a{ text-decoration: none; } #Kirmizi-Ust { background-image: url(https://img.webme.com/pic/c/creative-blog/CI-Kirmiziback-2.png); height: 125px; position: absolute; left: 0px; top: 0px; right: 0px; width: 100%; -webkit-box-shadow: 0 0 0 2px #e98b95, 0 8px 6px #000; -moz-box-shadow: 0 0 0 2px #e98b95, 0 8px 6px #000; box-shadow: 0 0 0 2px #e98b95, 0 8px 6px #000; z-index: -1; } #Kirmizi-Menu ul { padding: 0px; list-style-type: none; width: 729px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } #Kirmizi-Menu ul li { float: left; width: 181px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: #000; border-right-color: #000; border-bottom-color: #000; -webkit-transition: background-color 0.7s linear ; -moz-transition: background-color 0.7s linear ; -ms-transition: background-color 0.7s linear ; -o-transition: background-color 0.7s linear ; transition: background-color 0.7s linear ; } #Kirmizi-Menu ul li:hover { background-color:#fff; -webkit-transition: background-color 0.7s linear ; -moz-transition: background-color 0.7s linear ; -ms-transition: background-color 0.7s linear ; -o-transition: background-color 0.7s linear ; transition: background-color 0.7s linear ; } #Kirmizi-Menu ul li a { display: block; width: 181px; text-align: center; text-decoration: none; font-family: Tahoma; font-size: 24px; color: #000; height: 45px; line-height: 45px; } .Kirmizi-Sol-Click { border-left-width: 1px; border-left-style: solid; border-left-color: #000; border-top-left-radius: 20px; border-bottom-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomleft: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; } .Kirmizi-Sag-Click { border-top-right-radius: 20px; border-bottom-right-radius: 20px; -moz-border-radius-topright: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-top-right-radius: 20px; -webkit-border-bottom-right-radius: 20px; } #Kirmizi-Yazi { width: 529px; font-family: Tahoma; margin-right: auto; margin-left: auto; text-align: center; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #000; border-bottom-color: #000; border-left-color: #000; background-color: #FFF; height: 300px; padding-top: 6px; padding-right: 8px; padding-bottom: 6px; padding-left: 8px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 20px; -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; margin-top: 46px; } #Kirmizi-Logo { height:115px; width:390px; margin-left:auto; margin-right:auto; background-image: url(https://img.webme.com/pic/c/creative-blog/CI-Kirmizilogo.png); margin-top:10px; -webkit-transition: -webkit-transform 0.7s ease-in-out; -moz-transition: -moz-transform 0.7s ease-in-out; -ms-transition: -ms-transform 0.7s ease-in-out; -o-transition: -o-transform 0.7s ease-in-out; transition: transform 0.7s ease-in-out; } #Kirmizi-Logo:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 0.7s ease-in-out; -moz-transition: -moz-transform 0.7s ease-in-out; -ms-transition: -ms-transform 0.7s ease-in-out; -o-transition: -o-transform 0.7s ease-in-out; transition: transform 0.7s ease-in-out; } </style> <div id="Kirmizi-Ust"> </div> <a href="#" _fcksavedurl="#"> <div id="Kirmizi-Logo"> </div> </a> <div id="Kirmizi-Menu"> <ul> <li class="Kirmizi-Sol-Click"><a href="#" _fcksavedurl="#">Siteye Gir</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Konuk Defteri</a></li> <li class="Kirmizi-Sag-Click"><a href="#" _fcksavedurl="#">Hakkımda</a></li> </ul> </div> <div id="Kirmizi-Yazi">Buraya ziyaretçiyi karşılama metninizi yazınız.</div>

İntro Mor

Mor İntro Önizleme

<style type="text/css"> body { background-color: #babae2; background-image: url(https://img.webme.com/pic/c/creative-blog/CI-Morback-1.png); } a{ text-decoration: none; } #Mor-Ust { background-image: url(https://img.webme.com/pic/c/creative-blog/CI-Morback-2.png); height: 125px; position: absolute; left: 0px; top: 0px; right: 0px; width: 100%; -webkit-box-shadow: 0 0 0 2px #9fa4ce, 0 8px 6px #000; -moz-box-shadow: 0 0 0 2px #9fa4ce, 0 8px 6px #000; box-shadow: 0 0 0 2px #9fa4ce, 0 8px 6px #000; z-index: -1; } #Mor-Menu ul { padding: 0px; list-style-type: none; width: 729px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } #Mor-Menu ul li { float: left; width: 181px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: #000; border-right-color: #000; border-bottom-color: #000; -webkit-transition: background-color 0.7s linear ; -moz-transition: background-color 0.7s linear ; -ms-transition: background-color 0.7s linear ; -o-transition: background-color 0.7s linear ; transition: background-color 0.7s linear ; } #Mor-Menu ul li:hover { background-color:#fff; -webkit-transition: background-color 0.7s linear ; -moz-transition: background-color 0.7s linear ; -ms-transition: background-color 0.7s linear ; -o-transition: background-color 0.7s linear ; transition: background-color 0.7s linear ; } #Mor-Menu ul li a { display: block; width: 181px; text-align: center; text-decoration: none; font-family: Tahoma; font-size: 24px; color: #000; height: 45px; line-height: 45px; } .Mor-Sol-Click { border-left-width: 1px; border-left-style: solid; border-left-color: #000; border-top-left-radius: 20px; border-bottom-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomleft: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; } .Mor-Sag-Click { border-top-right-radius: 20px; border-bottom-right-radius: 20px; -moz-border-radius-topright: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-top-right-radius: 20px; -webkit-border-bottom-right-radius: 20px; } #Mor-Yazi { width: 529px; font-family: Tahoma; margin-right: auto; margin-left: auto; text-align: center; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #000; border-bottom-color: #000; border-left-color: #000; background-color: #FFF; height: 300px; padding-top: 6px; padding-right: 8px; padding-bottom: 6px; padding-left: 8px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 20px; -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; margin-top: 46px; } #Mor-Logo { height:115px; width:390px; margin-left:auto; margin-right:auto; background-image: url(https://img.webme.com/pic/c/creative-blog/CI-Morlogo.png); margin-top:10px; -webkit-transition: -webkit-transform 0.7s ease-in-out; -moz-transition: -moz-transform 0.7s ease-in-out; -ms-transition: -ms-transform 0.7s ease-in-out; -o-transition: -o-transform 0.7s ease-in-out; transition: transform 0.7s ease-in-out; } #Mor-Logo:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 0.7s ease-in-out; -moz-transition: -moz-transform 0.7s ease-in-out; -ms-transition: -ms-transform 0.7s ease-in-out; -o-transition: -o-transform 0.7s ease-in-out; transition: transform 0.7s ease-in-out; } </style> <div id="Mor-Ust"> </div> <a href="#" _fcksavedurl="#"> <div id="Mor-Logo"> </div> </a> <div id="Mor-Menu"> <ul> <li class="Mor-Sol-Click"><a href="#" _fcksavedurl="#">Siteye Gir</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Konuk Defteri</a></li> <li class="Mor-Sag-Click"><a href="#" _fcksavedurl="#">Hakkımda</a></li> </ul> </div> <div id="Mor-Yazi">Buraya ziyaretçiyi karşılama metninizi yazınız.</div>