Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj08.02.2011, 15:03 (UTC)    
Mesaj konusu: cok güzel bir tasarim

arkadaslar bu paylasmis oldugum tasarimi bir arkadasta paylasmis ama orijinaline dokunmamis ben sadece menüleri biraz artirdim ve cevirebildigim yerleri türkceye cevirdim .bu tasarim bir ispanyol arkadasa aittir ve kendiside bedava sitemin ispanyol sayfasinda paylasima sunmustur insallah begenirsiniz ön izleme veremiyorum özür dilerim selam ve sevgiler.


tasarim üst sayfasi


Kod:
<body bgcolor="#000000" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="15" marginwidth="0" marginheight="0" style="padding:5px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%" align="center" >
<tr><td bgcolor="#660000"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-03.gif" width="11" height="21"></td>
<td bgcolor="#660000" width="95%" background="http://img.webme.com/pic/d/dpruebas/b-04.gif">

<DIV align=left><b><font face="Arial" size="3" color="#969696">
<SPAN
id=clock>
<SCRIPT language=JavaScript>
<!-- Begin
var dayarray=new Array("pazar","Pazartesi","Sali","Carsamba","Persembe","cuma","Cumartesi")
var montharray=new Array("Ocak","Subat","Mart","Nisan","Mayis","Haziran","Temmuz","Agustos","Eylül","Ekim","Kasim","Aralik")
function getthedate(){
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym=""+daym
var hours=mydate.getHours()
var minutes=mydate.getMinutes()
var seconds=mydate.getSeconds()
var dn="AM"
if (hours>=12)
dn="PM"
if (hours>12){
hours=hours-12
}
{
d = new Date();
Time24H = new Date();
Time24H.setTime(d.getTime() + (d.getTimezoneOffset()*60000) + 3600000);
}
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
//change font size here
var cdate=dayarray[day]+" "+daym+" de "+montharray[month]+" del "+year+"     "+hours+":"+minutes+":"+seconds+" "+dn+""
if (document.all)
document.all.clock.innerHTML=cdate
else if (document.getElementById)
document.getElementById("clock").innerHTML=cdate
else
document.write(cdate)
}
if (!document.all&&!document.getElementById)
getthedate()
function goforit(){
if (document.all||document.getElementById)
setInterval("getthedate()",1000)
}
window.onload=goforit
// End -->
</SCRIPT>
</SPAN></font></b></DIV>

</td>
<td bgcolor="#660000"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-05.gif" width="119" height="21"></td></tr>
</table>

<table class="topBorder" border="0" cellpadding="0" cellspacing="0" width="100%" height="100" align="center">
<tr><td bgcolor="#000000" background="http://img.webme.com/pic/d/dpruebas/a-01.gif" style="padding-left:20px;font-size:20pt;color:#000000;background-repeat:no-repeat;"><b>Cumhuriyet-ilkokulu</b></td></tr></table>

<table border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
<tr><td class="topBorder">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="15%" class="topMenu" bgcolor="#660000"><img border="0" src="#" width="1" height="1"></td>
<td width="23%" class="topMenu" bgcolor="#242424" align="center"><a href="#" class="menu1">Ana sayfa</a></td>
<td width="23%" class="topMenu" bgcolor="#242424" align="center"><a class="menu1" href="#">Ziyaretci defteri</a></td>
<td width="23%" class="topMenu" bgcolor="#242424" align="center"><a class="menu1" href="#">Iletisim</a></td>
<td width="15%" class="topMenu" bgcolor="#660000"><img border="0" src="#" width="1" height="1"></td>
</tr>
</table>
</td></tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
<tr>
<td bgcolor="#660000"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-08.gif" width="119" height="21"></td>
<td bgcolor="#660000" width="95%" background="http://img.webme.com/pic/d/dpruebas/b-04.gif" align="right" class="copy"></td>
<td bgcolor="#660000"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-09.gif" width="11" height="21"></td></tr>
</table>


<div style="padding:3px"></div>
<table border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
<tr><td width="195" valign="top">

<table border="0" cellpadding="0" cellspacing="0" width="190">
<tr><td><table border="0" bgcolor="#660000" cellpadding="0" cellspacing="0" width="100%"><tr>
<td width="2%"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-03.gif" width="11" height="21"></td>
<td width="70%" background="http://img.webme.com/pic/d/dpruebas/b-04.gif"><div class="blockTitle">Menü 1</div></td>
<td width="28%"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-10.gif" width="54" height="21"></td>
</tr></table></td></tr><tr><td class="topBorder" style="padding:3px;" bgcolor="#242424">

<div class="menu_1"><a href="#">Link</href></div>
<div class="menu_1"><a href="#">Link</href></div>
<div class="menu_1"><a href="#">Link</href></div>
<div class="menu_1"><a href="#">Link</href></div>
<div class="menu_1"><a href="#">Link</href></div>
<div class="menu_1"><a href="#">Link</href></div>
<div class="menu_1"><a href="#">Link</href></div>
<div class="menu_1"><a href="#">Link</href></div>
<div class="menu_1"><a href="#">Link</href></div>
<div class="menu_1"><a href="#">Link</href></div>
<div class="menu_1"><a href="#">Link</href></div>
<div class="menu_1"><a href="#">Link</href></div>
<div class="menu_1"><a href="#">Link</href></div>
<div class="menu_1"><a href="#">Link</href></div>
<div class="menu_1"><a href="#">Link</href></div>
<div class="menu_1"><a href="#">Link</href></div>


</td></tr>
<tr><td bgcolor="#660000"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-11.gif" width="190" height="21"></td></tr>
</table><div style="padding:3px"></div>

<table border="0" cellpadding="0" cellspacing="0" width="190">
<tr><td><table border="0" bgcolor="#660000" cellpadding="0" cellspacing="0" width="100%"><tr>
<td width="2%"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-03.gif" width="11" height="21"></td>
<td width="70%" background="http://img.webme.com/pic/d/dpruebas/b-04.gif"><div class="blockTitle">Menü 2</div></td>
<td width="28%"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-10.gif" width="54" height="21"></td>
</tr></table></td></tr><tr><td class="topBorder" style="padding:3px;" bgcolor="#242424">

<br/>Link<br/>Texto<br/>Codigo<br/>O lo que quieras<br/><br/>

</td></tr>
<tr><td bgcolor="#660000"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-11.gif" width="190" height="21"></td></tr>
</table><div style="padding:3px"></div>

</td>
<td valign="top" height="100%"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr>
<td bgcolor="#660000"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-12.gif" width="119" height="21"></td>
<td bgcolor="#660000" width="95%" background="http://img.webme.com/pic/d/dpruebas/b-04.gif" align="center"><div class="blockTitle">Mi Pagina</div></td>
<td bgcolor="#660000"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-05.gif" width="119" height="21"></td>
</tr></table><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td bgcolor="#242424" colspan="3" class="topBorder" style="padding:3px;" valign="top">




tasarimin alt sayfasi

Kod:
 </td></tr></table><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr>
<td bgcolor="#660000"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-08.gif" width="119" height="21"></td>
<td bgcolor="#660000" width="95%" background="http://img.webme.com/pic/d/dpruebas/b-04.gif" align="center"><font color="#969696">Copyright unbekant © 2009</font></td>
<td bgcolor="#660000"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-13.gif" width="119" height="21"></td>
</tr></table></td>


<td width="195" valign="top" align="right" padding-left=" 25px">
<table border="0" cellpadding="0" cellspacing="0" width="190">
<tr><td><table border="0" bgcolor="#660000" cellpadding="0" cellspacing="0" width="100%"><tr>
<td width="2%"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-03.gif" width="11" height="21"></td>
<td width="70%" background="http://img.webme.com/pic/d/dpruebas/b-04.gif"><div class="blockTitle"align="left" padding-left=" 25px">Internet</div></td>
<td width="28%"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-10.gif" width="54" height="21"></td>
</tr></table></td></tr><tr><td class="topBorder" style="padding:3px;" bgcolor="#242424"><div align="left">

<div id="sidebar2" class="sidebar">
<script type="text/javascript" src="http://diegovenegas.110mb.com/JS/jquery-1.2.6.pack.js"></script>
<script type="text/javascript" src="http://diegovenegas.110mb.com/JS/ddaccordion.js"></script>
<script type="text/javascript" src="http://diegovenegas.110mb.com/JS/desp.js"></script>
<div class="applemenu">

<div class="silverheader"><a href="#">menülerim 3</a></div><div class="submenu">
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>

</ul>
</div>

<div class="silverheader"><a href="#" >Menülerim 4</a></div>
<div class="submenu">
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>

</ul>
</div>
</div>

</div></td></tr>
<tr><td bgcolor="#660000"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-11.gif" width="190" height="21"></td></tr>
</table><div style="padding:3px"></div>

<table border="0" cellpadding="0" cellspacing="0" width="190">
<tr><td><table border="0" bgcolor="#660000" cellpadding="0" cellspacing="0" width="100%"><tr>
<td width="2%"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-03.gif" width="11" height="21"></td>
<td width="70%" background="http://img.webme.com/pic/d/dpruebas/b-04.gif"><div class="blockTitle"align="left" padding-left=" 25px">Menülerim 5</div></td>
<td width="28%"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-10.gif" width="54" height="21"></td>
</tr></table></td></tr><tr><td class="topBorder" style="padding:3px;" bgcolor="#242424"><div align="left">

<br/>Link<br/>Texto<br/>Codigo<br/>O lo que quieras<br/><br/>

</div></td></tr>
<tr><td bgcolor="#660000"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-11.gif" width="190" height="21"></td></tr>
</table><div style="padding:3px"></div>

</td></tr>
</table>

<div style="padding:5px;text-align:center;">
<a href="http://www.webmaster-03.tr.gg">
<img style="margin:0;padding:0;border:0;" src="http://img.webme.com/pic/c/cumhuriyet-ilkokulu/weltkugel__284407.jpg"
width="80" height="15" title="Design by webmaster-03" /></a></div>




css kodu

Kod:
a:link, a:visited, a:active
{text-decoration:none;
color:#969696;}

a:hover
{text-decoration:none;
color:#4B4B4B;}

td, body
{font-family:Verdana,Arial,Helvetica;
font-size:15px;}

form
{padding:0px;margin:0px;}

input,textarea,select
{vertical-align:middle;
font-size:8pt;
font-family:Verdana,Arial,Helvetica;}

.copy
{font-size:10px;}

hr
{color:#A9B8C2;
height:1px;}

label {cursor:pointer;
cursor:hand}

.blockTitle,.menu1
{color:#969696;
text-transform:uppercase;
font-size:9px;
font-family:Tahoma,Verdana;}

a.menu1:link, a.menu1:visited, a.menu1:active
{text-decoration:none;
color:#969696}

a.menu1:hover
{text-decoration:none;
color:#4B4B4B}

.topBorder
{border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
color: #969696;}

.topMenu
{border:1px solid #FFFFFF;
padding:2px;}

.menu_1
{background-image:url(http://img.webme.com/pic/d/dpruebas/a-06.gif);
widht: 190px;
ext-decoration:none;
height: 25px;
color:#969696;
margin-top:1px;
padding:0 20px;
line-height:25px;}

.menu_1:hover
{background-image:url(http://img.webme.com/pic/d/dpruebas/a-07.gif);
widht: 190px;
ext-decoration:none;
height: 25px;
color:#4B4B4B;
margin-top:1px;
padding:0 20px;
line-height:25px;}

#content
{padding:10px;
color:#969696;
font-family: Helvetica, sans-serif;
font-size:17px;
background-color:#transparent;
overflow:auto;}

.nav_element, .header, #content_container h2,
#extraDiv1,#extraDiv2,#extraDiv3,#extraDiv4,#extraDiv5,
#extraDiv6,#pre_header ,#post_header,#pre_content,#nav_heading,
div.header,h1#title,h2#title span,#counter
{display: none;}

.applemenu
{margin: 5px 0;
padding: 0;
width: 182px;}

.applemenu div.silverheader a
{background: black url(http://img.webme.com/pic/d/dpruebas/a-06.gif) repeat-x center left;
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: #969696;
display: block;
position: relative;
width: auto;
padding: 5px 0;
padding-left: 25px;
text-decoration: none;}

.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active
{color: #969696;}

.applemenu div.selected a, .applemenu div.silverheader a:hover
{background-image: url(http://img.webme.com/pic/d/dpruebas/a-07.gif);
color: #4B4B4B;}

.applemenu div.submenu
{ padding: 5px;}

ul{list-style-image: url(http://img.webme.com/pic/d/dpruebas/b-02.gif);}

Mesaj08.02.2011, 15:06 (UTC)    
Mesaj konusu:

Kardeş Bunu Sabit Başlık Altında Paylaşsan Daha İyi Olurdu

@ Konu Kilit pLs
Önceki mesajları göster:   


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