Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj18.09.2009, 15:34 (UTC)    
Mesaj konusu: Arama Siteleri İçin Css Tasarım



TASARIM ÜSTÜ
Kod:
<style type="text/css" media="screen">
<!--
body
{
font-family:  Arial Narrow;
font-size: 00px;
overflow: auto;
padding: 10px;
margin: 0px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

li a
{
padding-right: 20px;padding-top: 5px;
}

div.menu
{
position: absolute;
z-index: 3;
top: 205px;
left: 52%;
margin-left:-185px;
width: 647px;
}

.menu li
{
width: 70px;
float: left;
}

.menu a
{
border: 0px solid #xxxxxx;
background-color: #xxxxxx;
background-image: url();
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: 10px;
height:31px;
color: #000000;
}

.menu a:hover
{
background-color: #transparent;
background-image: url();}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 20px;
display: block;
width: 70px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
}
//-->

</style>

<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}

function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<div class="menu">

<li><a href="Pagina-Principal.htm">ARAMA</a> </li>   
<li><a href="http://www.pc-mekani.tr.gg">MENÜ</a> </li>   
<li><a href="http://www.pc-mekani.tr.gg">MENÜ</a> </li>  <li><a href="http://www.pc-mekani.tr.gg">MENÜ</a> </li> <li><a href="http://www.pc-mekani.tr.gg">MENÜ</a> </li> <li><a href="http://www.pc-mekani.tr.gg">MENÜ</a> </li>
</div>



<div id="Designmystic">

<div id="text"><h1></h1>
</div>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">




CSS Kodu


Kod:
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}



#text{
color: ffffff;
position: absolute;
top: 100px;
margin-left:-300px;
left: 50%;
}



body {
background-color:#FFFFFF;}


*{ padding: 0; margin: 0; }

#Designmystic {
margin: 0 auto;
width: 700px;
height:609px;
background-image:url(http://www.hizliupload.com//img/200938adsiz.jpg);}

#content {
position: absolute;
left: 47%;
top: 290px;
margin-left:-310px;
width: 668px;
height: 292px;
padding:10px;
color: #000000;
font-size:13px; c
background-color:#transparent;
background-image:url();
border: 0px solid #FFFFFF;
overflow:auto;}


#Uebersicht{
position: absolute;
left: 50%;
top: 204px;
margin-left:-440px;
font-color:#cccccc;}




a{
color:#000000;
text-decoration: none;
font-size:13px;}

a:hover {
color: #000000;
font-size: 13px;
text-decoration: none;}

a:link {
color: #000000;
font-size: 13px;
text-decoration: none;}

a:active {
color: #000000;
font-size: 13px;
text-decoration: none;}

a:visited {
color: #000000;
font-size: 13px;
text-decoration: none;}          //-->
      </style>



Not:Tasarım tamamen bana aittir.İstediğiniz gibi yazın çizin editleyin.Tasarıma menü eklenebilir.Yalnız birşeyi halledemedim resime baktıysanız menünün altında anasayfa,yazdır vb. şeylerin resimleri var onlara yön veremedim,yani onlara tıklayınca mesala sayfayı yazdırması gerek ama onu halledemedim bilgili bir arkadaş yaparsa sevinirim.Tasarım resimdekinin aynısıdır bir sorun yoktur takır takır çalışmaktadır.Az önceki "Tvler için css tasarım" adlı başlıktaki kişide benim deneme sayfamdır yani o tasarımıda ben yaptım

Tasarımı siteye koyacak kişiler lütfen emeğimize saygı duyun design yazısını kaldırmayın karar sizin ama kaldırmassanız sevinirim
Mesaj18.09.2009, 15:58 (UTC)    
Mesaj konusu:

teşekkürler güzel bir tema ama arama siteleri için deqil seo gibi paylaşım yapan tr.gg siteleri için :=)

arama sitesi örnek benım siteme bakabilirsin ..
Mesaj18.09.2009, 16:09 (UTC)    
Mesaj konusu:

Sol Tarafada Menü Olsaydı Daha Güzel Olurdu Diye Düşünüyorum...
______________
Devredilme Falan Yok Tasarist Hala Beko'Da
Mesaj18.09.2009, 16:29 (UTC)    
Mesaj konusu:

tasarist yazmış:
Sol Tarafada Menü Olsaydı Daha Güzel Olurdu Diye Düşünüyorum...


evet katılıyorum.
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu