حالت موضوعی | حالت خطی

**vahid.exe**

سلام . تو این سایت میتونید آموزش html رو به صورت آنلاین تمرین کنید : دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

**محمد0938**

این هم یک کد برای رنگ زمینه میباشد

کد: (انتخاب همه)

<html>

<head></head>

<body>

<script language="Javascript">

function backbs(clr) 

{

document.bgColor = clr

}

</script>

<form>

<input type="button" value="yellow" onClick="backbs('yellow')">

<input type="button" value="khaki" onClick="backbs('khaki')">

<input type="button" value="white" onClick="backbs('white')">

<input type="button" value="gray" onClick="backbs('gray')">

<input type="button" value="black" onClick="backbs('black')">

<input type="button" value="pink" onClick="backbs('pink')">

<input type="button" value="blue" onClick="backbs('blue')">

<input type="button" value="Green" onClick="backbs('Green')">

<input type="button" value="silver" onClick="backbs('silver')">

<input type="button" value="teal" onClick="backbs('teal')">

<input type="button" value="lime" onClick="backbs('lime')">

<input type="button" value="navy" onClick="backbs('navy')">

<input type="button" value="red" onClick="backbs('red')">

<input type="button" value="orange" onClick="backbs('orange')">

<input type="button" value="olive" onClick="backbs('olive')">

</form>

</script>

</body>

</html>

</head>
<body>

<div id="Layer2">
<div id="Layer1" align="center" style="background-image:url(image/542792_415071242.jpg); height:802px; width:704px">
<div align="center" id="Layer1" style="background-image:url(image/537048.JPG)">دانلود فیلم </div>
<div id="Layer3">
<layer left="-2" top="-3" width="672" height="141">
<style
type="text/css">
#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px Verdana;
}
#tablist li{
list-style: none;
display: inline;
margin: 0;
}
#tablist li a{
text-decoration: none;
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: white;
}
#tablist li a:link, #tablist li a:visited{
color: navy;
}
#tablist li a.current{
background: lightyellow;
}
#tabcontentcontainer{
width:480px;
height:40px;
}
.tabcontent{
display:none;
}
</style>
<script type="text/javascript">
/***********************************************
* DD Tab Menu script- Dynamic Drive DHTML code library
(دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
for full source
code
***********************************************/
//Set tab to intially be selected when page loads:
//[which tab (1=first tab), ID of tab content to display]:
var initialtab=[1, "sc1"]
var previoustab=""
function expandcontent(cid, aobject){
if (document.getElementById){
highlighttab(aobject)
if (previoustab!="")
document.getElementById(previoustab).style.display="none"
document.getElementById(cid).style.display="block"
previoustab=cid
}
}
function highlighttab(aobject){
if (typeof tabobjlinks=="undefined")
collecttablinks()
for (i=0; i<tabobjlinks.length; i++)
tabobjlinks[i].className=""
aobject.className="current"
}
function collecttablinks(){
var tabobj=document.getElementById("tablist")
tabobjlinks=tabobj.getElementsByTagName("A")
}
function do_onload(){
collecttablinks()
expandcontent(initialtab[1], tabobjlinks[initialtab[0]-1])
}
if (window.addEventListener)
window.addEventListener("load", do_onload, false)
else if (window.attachEvent)
window.attachEvent("onload", do_onload)
else if (document.getElementById)
window.onload=do_onload
</script>
<ul id="tablist">
<li><a href="home.htm"
onMouseover="expandcontent('sc1', this)">صفحه اصلی
</a></li>
<li><a href="music.htm"
onMouseover="expandcontent('sc2', this)">موزیک
</a></li>
<li><a href="albom.htm"
onMouseover="expandcontent('sc3',
this)">آلبوم</a></li>
<li><a href="film.htm"
onMouseover="expandcontent('sc3',
this)">فیلم</a></li>
<li><a href="conter.htm"
onMouseover="expandcontent('sc4',
this)">ارتباط با ما</a></li>
</ul>
<DIV id="tabcontentcontainer">
</DIV></layer>
<layer left="-1" top="119" width="672" height="105">
<img src="" alt="" name="image" width="134" height="134" hspace="10" id="image" style="background-color: #C3B173" />
<img src="" alt="" name="image" width="134" height="134" hspace="10" id="image" style="background-color: #C3B173" />
<img src="" alt="" name="image" width="134" height="134" id="image" hspace="10" style="background-color: #C3B173" />
<img src="" alt="" name="image" width="134" height="134" id="image" hspace="10" style="background-color: #C3B173" /><br />
<img src="" alt="" name="image" width="134" height="134" hspace="10" vspace="10" id="image" style="background-color: #C3B173" />
<img src="" alt="" name="image" width="134" height="134" hspace="10" vspace="10" id="image" style="background-color: #C3B173" />
<img src="" alt="" name="image" width="134" height="134" hspace="10" vspace="10" id="image" style="background-color: #C3B173" />
<img src="" alt="" name="image" width="134" height="134" hspace="10" vspace="10" id="image" style="background-color: #C3B173" /><br />
<img src="" alt="" name="image" width="134" height="134" hspace="10" vspace="10" id="image" style="background-color: #C3B173" />
<img src="" alt="" name="image" width="134" height="134" hspace="10" vspace="10" id="image" style="background-color: #C3B173" />
<img src="" alt="" name="image" width="134" height="134" hspace="10" vspace="10" id="image" style="background-color: #C3B173" />
<img src="" alt="" name="image" width="134" height="134" hspace="10" vspace="10" id="image" style="background-color: #C3B173" />
</layer>
</div>
</div>
</div>
</body>
</html>
این یک کد html کامل برای کاربران عزیز خودم برای ساخت یک وبسایت با شماره 09383872940 تماس بگیرید .