- صفحه اصلي قالب گراف
- انجمن
- آپلود سنتر
- تبليغات
- ورود
- عضويت
- خوراک
- نقشه
- تماس با ما
- ارسال پيام به مدير در انجمن ghalebgraph@gmail.com\09394943902
با سلام خدمت دوستان، 
با یک قالب دیگر Html در خدمت شما هستم. 
قالب صفحات جداگانه برای معرفی سایت های مفید (لینک باکس) 
این لینک باکس دارای توضیحات می باشد. یعنی شما با کلیک روی عنوان لینک توضیحات آن در زیر آن باز شده لینک آن به نمایش در می آید. 
امیدوارم از این قالب هم خوشتون بیاد. 
برای مشاهده دموی قالب اینجا کلیک کنید. 
کد قالب:
کد:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>.::دنیای عجیب ققنوس::.</title>
<base target="_blank">
<style>
body{
direction:rtl;
text-align:justify;
font:12px tahoma;
margin:0;
color:#555;
background:#F5F5F5;
margin-bottom:65px;
}
a{
text-decoration:none;
color:#555;
}
a:hover{
color:#333;
}
a:active{
color:#000;
}
.all,.all2{
border:1px #ccc solid;
width:900px;
border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-khtml-border-radius:5px;
margin:30px 0 30px 0;
padding:10px;
background:#fff;
}
fieldset{
border:1px #ccc solid;
border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-webkit-border-radius:3px;
-o-border-radius:3px;
-khtml-border-radius:3px;
padding:5px;
}
legend1{
color:#FFF;text-shadow:1px 1px 0 rgba(0,0,0,0.2);
font:bold 12px tahoma;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
padding:5px;
background-color:#0074cc;
*background-color:#0055cc;
background-image:-ms-linear-gradient(top,#0088cc,#0055cc);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#0088cc),to(#0055cc));
background-image:-webkit-linear-gradient(top,#0088cc,#0055cc);
background-image:-o-linear-gradient(top,#0088cc,#0055cc);
background-image:-moz-linear-gradient(top,#0088cc,#0055cc);
background-image:linear-gradient(top,#0088cc,#0055cc);
}
legend2{
color:#FFF;text-shadow:1px 1px 0 rgba(0,0,0,0.2);
font:bold 12px tahoma;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
padding:5px;
background-color:#faa732;
*background-color:#f89406;
background-image:-ms-linear-gradient(top,#fbb450,#f89406);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));
background-image:-webkit-linear-gradient(top,#fbb450,#f89406);
background-image:-o-linear-gradient(top,#fbb450,#f89406);
background-image:-moz-linear-gradient(top,#fbb450,#f89406);
background-image:linear-gradient(top,#fbb450,#f89406);
}
legend3{
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
color:#FFF;text-shadow:1px 1px 0 rgba(0,0,0,0.2);
font:bold 12px tahoma;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
padding:5px;
background-color:#da4f49;
*background-color:#bd362f;
background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#bd362f));
background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);
background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);
background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);
background-image:linear-gradient(top,#ee5f5b,#bd362f);
}
legend4{
color:#FFF;text-shadow:1px 1px 0 rgba(0,0,0,0.2);
font:bold 12px tahoma;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
padding:5px;
background-color:#5bb75b;
*background-color:#51a351;
background-image:-ms-linear-gradient(top,#62c462,#51a351);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));
background-image:-webkit-linear-gradient(top,#62c462,#51a351);
background-image:-o-linear-gradient(top,#62c462,#51a351);
background-image:-moz-linear-gradient(top,#62c462,#51a351);
background-image:linear-gradient(top,#62c462,#51a351);
}
fieldset{
float:right;
width:46%;
margin:10px;
}
.clear{
clear:both;
}
.title{
margin:5px;
border:1px #ccc solid;
border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-khtml-border-radius:5px;
padding:5px;
cursor:pointer;
background-color:#fbfbfb;
background-image:-moz-linear-gradient(top,#ffffff,#f5f5f5);
background-image:-ms-linear-gradient(top,#ffffff,#f5f5f5);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#f5f5f5));
background-image:-webkit-linear-gradient(top,#ffffff,#f5f5f5);
background-image:-o-linear-gradient(top,#ffffff,#f5f5f5);
background-image:linear-gradient(top,#ffffff,#f5f5f5);
text-align:right;
color:#000;
font:12px tahoma;
}
.info{
display:none;
text-align:right;
position:relative;
top:-10px;
margin:0 5px 0 5px;
background-color:#414141;
*background-color:#222222;
background-image:-ms-linear-gradient(top,#555555,#222222);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#555555),to(#222222));
background-image:-webkit-linear-gradient(top,#555555,#222222);
background-image:-o-linear-gradient(top,#555555,#222222);
background-image:-moz-linear-gradient(top,#555555,#222222);
background-image:linear-gradient(top,#555555,#222222);
border:1px #ccc solid;
border-radius:0 0 5px 5px;
-moz-border-radius:0 0 5px 5px;
-ms-border-radius:0 0 5px 5px;
-webkit-border-radius:0 0 5px 5px;
-o-border-radius:0 0 5px 5px;
-khtml-border-radius:0 0 5px 5px;
padding:10px;
color:#FFF;text-shadow:1px 1px 0 rgba(0,0,0,0.2);
font:bold 12px tahoma;
}
.link{
background-color:#49afcd;
*background-color:#2f96b4;
background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#2f96b4));
background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);
background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);
background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);
background-image:linear-gradient(top,#5bc0de,#2f96b4);
border:1px darkgreen solid;
border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-khtml-border-radius:5px;
padding:5px;
text-decoration:none;
color:#fff;
float:left;
}
h1{
color: #1479d6;
font-size: 30px;
font-weight: 200;
text-align:center;
text-shadow:0 0 5px #1479d6;
-moz-text-shadow:0 0 5px #1479d6;
-o-text-shadow:0 0 5px #1479d6;
-ms-text-shadow:0 0 5px #1479d6;
-webkit-text-shadow:0 0 5px #1479d6;
-khtml-text-shadow:0 0 5px #1479d6;
}
.btn{
display:inline-block;
*display:inline;
padding:4px 10px 4px;
margin-bottom:0;
*margin-left:.3em;
font-size:13px;
line-height:18px;
*line-height:20px;
color:#333333;
text-align:center;
text-shadow:0 1px 1px rgba(255,255,255,0.75);
vertical-align:middle;
cursor:pointer;
background-color:#f5f5f5;
*background-color:#e6e6e6;
background-image:-ms-linear-gradient(top,#ffffff,#e6e6e6);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#e6e6e6));
background-image:-webkit-linear-gradient(top,#ffffff,#e6e6e6);
background-image:-o-linear-gradient(top,#ffffff,#e6e6e6);
background-image:linear-gradient(top,#ffffff,#e6e6e6);
background-image:-moz-linear-gradient(top,#ffffff,#e6e6e6);
background-repeat:repeat-x;
border:1px solid #cccccc;
*border:0;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
border-color:#e6e6e6 #e6e6e6 #bfbfbf;
border-bottom-color:#b3b3b3;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff',endColorstr='#e6e6e6',GradientType=0);
filter:progid:dximagetransform.microsoft.gradient(enabled=false);
*zoom:1;
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05)}
.btn:hover,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{
background-color:#e6e6e6;
*background-color:#d9d9d9}
.btn:active,.btn.active{
background-color:#cccccc \9}
.btn:first-child{
*margin-left:0}
.btn:hover{
color:#333333;
text-decoration:none;
background-color:#e6e6e6;
*background-color:#d9d9d9;
background-position:0 -15px;
-webkit-transition:background-position 0.1s linear;
-moz-transition:background-position 0.1s linear;
-ms-transition:background-position 0.1s linear;
-o-transition:background-position 0.1s linear;
transition:background-position 0.1s linear}
.btn:focus{
outline:thin dotted #333;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px}
.btn.active,.btn:active{
background-color:#e6e6e6;
background-color:#d9d9d9 \9;
background-image:none;
outline:0;
-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05)}
.btn.disabled,.btn[disabled]{
cursor:default;
background-color:#e6e6e6;
background-image:none;
opacity:0.65;
filter:alpha(opacity=65);
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none}
.btn-large{
padding:9px 14px;
font-size:12px;
line-height:normal;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px}
.btn-large [class^="icon-"]{
margin-top:1px}
.btn-small{
padding:5px 9px;
font-size:11px;
line-height:16px}
.btn-small [class^="icon-"]{
margin-top:-1px}
.btn-mini{
padding:2px 6px;
font-size:11px;
line-height:14px}
.btn-primary,.btn-primary:hover,.btn-warning,.btn-warning:hover,.btn-danger,.btn-danger:hover,.btn-success,.btn-success:hover,.btn-info,.btn-info:hover,.btn-inverse,.btn-inverse:hover{
color:#ffffff;
text-shadow:0 -1px 0 rgba(0,0,0,0.25)}
.btn-primary.active,.btn-warning.active,.btn-danger.active,.btn-success.active,.btn-info.active,.btn-inverse.active{
color:rgba(255,255,255,0.75)}
.btn{
border-color:#ccc;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25)}
.btn-primary{
background-color:#0074cc;
*background-color:#0055cc;
background-image:-ms-linear-gradient(top,#0088cc,#0055cc);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#0088cc),to(#0055cc));
background-image:-webkit-linear-gradient(top,#0088cc,#0055cc);
background-image:-o-linear-gradient(top,#0088cc,#0055cc);
background-image:-moz-linear-gradient(top,#0088cc,#0055cc);
background-image:linear-gradient(top,#0088cc,#0055cc);
background-repeat:repeat-x;
border-color:#0055cc #0055cc #003580;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter:progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc',endColorstr='#0055cc',GradientType=0);
filter:progid:dximagetransform.microsoft.gradient(enabled=false)}
.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{
background-color:#0055cc;
*background-color:#004ab3}
.btn-primary:active,.btn-primary.active{
background-color:#004099 \9}
.btn-warning{
background-color:#faa732;
*background-color:#f89406;
background-image:-ms-linear-gradient(top,#fbb450,#f89406);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));
background-image:-webkit-linear-gradient(top,#fbb450,#f89406);
background-image:-o-linear-gradient(top,#fbb450,#f89406);
background-image:-moz-linear-gradient(top,#fbb450,#f89406);
background-image:linear-gradient(top,#fbb450,#f89406);
background-repeat:repeat-x;
border-color:#f89406 #f89406 #ad6704;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter:progid:dximagetransform.microsoft.gradient(startColorstr='#fbb450',endColorstr='#f89406',GradientType=0);
filter:progid:dximagetransform.microsoft.gradient(enabled=false)}
.btn-warning:hover,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled]{
background-color:#f89406;
*background-color:#df8505}
.btn-warning:active,.btn-warning.active{
background-color:#c67605 \9}
.btn-danger{
background-color:#da4f49;
*background-color:#bd362f;
background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#bd362f));
background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);
background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);
background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);
background-image:linear-gradient(top,#ee5f5b,#bd362f);
background-repeat:repeat-x;
border-color:#bd362f #bd362f #802420;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ee5f5b',endColorstr='#bd362f',GradientType=0);
filter:progid:dximagetransform.microsoft.gradient(enabled=false)}
.btn-danger:hover,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled]{
background-color:#bd362f;
*background-color:#a9302a}
.btn-danger:active,.btn-danger.active{
background-color:#942a25 \9}
.btn-success{
background-color:#5bb75b;
*background-color:#51a351;
background-image:-ms-linear-gradient(top,#62c462,#51a351);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));
background-image:-webkit-linear-gradient(top,#62c462,#51a351);
background-image:-o-linear-gradient(top,#62c462,#51a351);
background-image:-moz-linear-gradient(top,#62c462,#51a351);
background-image:linear-gradient(top,#62c462,#51a351);
background-repeat:repeat-x;
border-color:#51a351 #51a351 #387038;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter:progid:dximagetransform.microsoft.gradient(startColorstr='#62c462',endColorstr='#51a351',GradientType=0);
filter:progid:dximagetransform.microsoft.gradient(enabled=false)}
.btn-success:hover,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]{
background-color:#51a351;
*background-color:#499249}
.btn-success:active,.btn-success.active{
background-color:#408140 \9}
.btn-info{
background-color:#49afcd;
*background-color:#2f96b4;
background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#2f96b4));
background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);
background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);
background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);
background-image:linear-gradient(top,#5bc0de,#2f96b4);
background-repeat:repeat-x;
border-color:#2f96b4 #2f96b4 #1f6377;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter:progid:dximagetransform.microsoft.gradient(startColorstr='#5bc0de',endColorstr='#2f96b4',GradientType=0);
filter:progid:dximagetransform.microsoft.gradient(enabled=false)}
.btn-info:hover,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled]{
background-color:#2f96b4;
*background-color:#2a85a0}
.btn-info:active,.btn-info.active{
background-color:#24748c \9}
.btn-inverse{
background-color:#414141;
*background-color:#222222;
background-image:-ms-linear-gradient(top,#555555,#222222);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#555555),to(#222222));
background-image:-webkit-linear-gradient(top,#555555,#222222);
background-image:-o-linear-gradient(top,#555555,#222222);
background-image:-moz-linear-gradient(top,#555555,#222222);
background-image:linear-gradient(top,#555555,#222222);
background-repeat:repeat-x;
border-color:#222222 #222222 #000000;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter:progid:dximagetransform.microsoft.gradient(startColorstr='#555555',endColorstr='#222222',GradientType=0);
filter:progid:dximagetransform.microsoft.gradient(enabled=false)}
.btn-inverse:hover,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled]{
background-color:#222222;
*background-color:#151515}
.btn-inverse:active,.btn-inverse.active{
background-color:#080808 \9}
button.btn,input[type="submit"].btn{
*padding-top:2px;
*padding-bottom:2px}
button.btn::-moz-focus-inner,input[type="submit"].btn::-moz-focus-inner{
padding:0;
border:0}
button.btn.btn-large,input[type="submit"].btn.btn-large{
*padding-top:7px;
*padding-bottom:7px}
button.btn.btn-small,input[type="submit"].btn.btn-small{
*padding-top:3px;
*padding-bottom:3px}
button.btn.btn-mini,input[type="submit"].btn.btn-mini{
*padding-top:1px;
*padding-bottom:1px}
.btn-group{
position:relative;
*margin-left:.3em;
*zoom:1}
.btn-group:before,.btn-group:after{
display:table;
content:""}
.btn-group:after{
clear:both}
.btn-group:first-child{
*margin-left:0}
.btn-group + .btn-group{
margin-left:5px}
.btn-toolbar{
margin-top:9px;
margin-bottom:9px}
.btn-toolbar .btn-group{
display:inline-block;
*display:inline;
*zoom:1}
.btn-group > .btn{
position:relative;
float:left;
margin-left:-1px;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0}
.btn-group > .btn:first-child{
margin-left:0;
-webkit-border-bottom-left-radius:4px;
border-bottom-left-radius:4px;
-webkit-border-top-left-radius:4px;
border-top-left-radius:4px;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-topleft:4px}
.btn-group > .btn:last-child,.btn-group > .dropdown-toggle{
-webkit-border-top-right-radius:4px;
border-top-right-radius:4px;
-webkit-border-bottom-right-radius:4px;
border-bottom-right-radius:4px;
-moz-border-radius-topright:4px;
-moz-border-radius-bottomright:4px}
.btn-group > .btn.large:first-child{
margin-left:0;
-webkit-border-bottom-left-radius:6px;
border-bottom-left-radius:6px;
-webkit-border-top-left-radius:6px;
border-top-left-radius:6px;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-topleft:6px}
.btn-group > .btn.large:last-child,.btn-group > .large.dropdown-toggle{
-webkit-border-top-right-radius:6px;
border-top-right-radius:6px;
-webkit-border-bottom-right-radius:6px;
border-bottom-right-radius:6px;
-moz-border-radius-topright:6px;
-moz-border-radius-bottomright:6px}
.btn-group > .btn:hover,.btn-group > .btn:focus,.btn-group > .btn:active,.btn-group > .btn.active{
z-index:2}
.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{
outline:0}
.btn-group > .dropdown-toggle{
*padding-top:4px;
padding-right:8px;
*padding-bottom:4px;
padding-left:8px;
-webkit-box-shadow:inset 1px 0 0 rgba(255,255,255,0.125),inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow:inset 1px 0 0 rgba(255,255,255,0.125),inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
box-shadow:inset 1px 0 0 rgba(255,255,255,0.125),inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05)}
.btn-group > .btn-mini.dropdown-toggle{
padding-right:5px;
padding-left:5px}
.btn-group > .btn-small.dropdown-toggle{
*padding-top:4px;
*padding-bottom:4px}
.btn-group > .btn-large.dropdown-toggle{
padding-right:12px;
padding-left:12px}
.btn-group.open .dropdown-toggle{
background-image:none;
-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05)}
.btn-group.open .btn.dropdown-toggle{
background-color:#e6e6e6}
.btn-group.open .btn-primary.dropdown-toggle{
background-color:#0055cc}
.btn-group.open .btn-warning.dropdown-toggle{
background-color:#f89406}
.btn-group.open .btn-danger.dropdown-toggle{
background-color:#bd362f}
.btn-group.open .btn-success.dropdown-toggle{
background-color:#51a351}
.btn-group.open .btn-info.dropdown-toggle{
background-color:#2f96b4}
.btn-group.open .btn-inverse.dropdown-toggle{
background-color:#222222}
.btn .caret{
margin-top:7px;
margin-left:0}
.btn:hover .caret,.open.btn-group .caret{
opacity:1;
filter:alpha(opacity=100)}
.btn-mini .caret{
margin-top:5px}
.btn-small .caret{
margin-top:6px}
.btn-large .caret{
margin-top:6px;
border-top-width:5px;
border-right-width:5px;
border-left-width:5px}
.mirBottom{
position:fixed;
bottom:0;
left:0;
width:100%;
border-top:1px #CCC solid;
box-shadow:0 1px 1px #FFF inset;
-moz-box-shadow:0 1px 1px #FFF inset;
-o-box-shadow:0 1px 1px #FFF inset;
-ms-box-shadow:0 1px 1px #FFF inset;
-webkit-box-shadow:0 1px 1px #FFF inset;
-khtml-box-shadow:0 1px 1px #FFF inset;
background:#EEE;
text-align:center;
box-align:center;
padding:10px 0;
}
}
.Ghoghno3_nav{
list-style:none;
margin:0;
padding:0;
text-align:center;
}
.Ghoghno3_nav li{
display:inline;
}
.Ghoghno3_nav a{
padding:10px;
margin:5px;
border:1px transparent solid;
transition:all 0.1s ease;
-moz-transition:all 0.1s ease;
-o-transition:all 0.1s ease;
-ms-transition:all 0.1s ease;
-webkit-transition:all 0.1s ease;
-khtml-transition:all 0.1s ease;
}
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script>
$(document).ready(function(){
$('.title').click(function(){
$(this).next('.info').slideToggle();
});
});
</script>
</head>
<body>
<center>
<h1>معرفی سایت و وبلاگ های مفید</h1>
<div class="all">
<fieldset><legend1>تفریحی و سرگرمی</legend1>
<div class="title">دنیای عجیب ققنوس</div><div class="info">
متفاوت ترین وبلاگ تفریحی و سرگرمی
<a class="link" href="http://ghoghno3.ir/">رفتن به وبلاگ</a><div class="clear"></div></div>
<div class="title">عنوان هر لینک</div><div class="info">
توضیحات
<a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div>
<div class="title">عنوان هر لینک</div><div class="info">
توضیحات
<a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div>
<div class="title">عنوان هر لینک</div><div class="info">
توضیحات
<a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div>
<div class="title">عنوان هر لینک</div><div class="info">
توضیحات
<a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div>
</fieldset>
<fieldset><legend2>عنوان موضوع لینک</legend2>
<div class="title">عنوان هر لینک</div><div class="info">
توضیحات
<a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div>
<div class="title">عنوان هر لینک</div><div class="info">
توضیحات
<a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div>
<div class="title">عنوان هر لینک</div><div class="info">
توضیحات
<a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div>
<div class="title">عنوان هر لینک</div><div class="info">
توضیحات
<a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div>
<div class="title">عنوان هر لینک</div><div class="info">
توضیحات
<a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div>
</fieldset>
<fieldset><legend3>عنوان موضوع لینک</legend3>
<div class="title">عنوان هر لینک</div><div class="info">
توضیحات
<a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div>
<div class="title">عنوان هر لینک</div><div class="info">
توضیحات
<a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div>
<div class="title">عنوان هر لینک</div><div class="info">
توضیحات
<a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div>
<div class="title">عنوان هر لینک</div><div class="info">
توضیحات
<a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div>
<div class="title">عنوان هر لینک</div><div class="info">
توضیحات
<a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div>
</fieldset>
<fieldset><legend4>عنوان موضوع لینک</legend4>
<div class="title">عنوان هر لینک</div><div class="info">
توضیحات
<a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div>
<div class="title">عنوان هر لینک</div><div class="info">
توضیحات
<a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div>
<div class="title">عنوان هر لینک</div><div class="info">
توضیحات
<a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div>
<div class="title">عنوان هر لینک</div><div class="info">
توضیحات
<a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div>
<div class="title">عنوان هر لینک</div><div class="info">
توضیحات
<a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div>
</fieldset>
<div class="clear"></div>
</div></center>
</body>
<div class="mirBottom">
<ul class="Ghoghno3_nav">
<li><a href="http://ghoghno3.ir/" target="_blank" class="btn btn-success btn-large" >صفحه اصلی</a></li>
<li><a href="mailto:hamidreza_amazing@yahoo.com" target="_blank" class="btn btn-inverse btn-large">تماس با مدیریت</a></li>
<li><a href="http://ghoghno3.ir/user/register" target="_blank" class="btn btn-primary btn-large">عضویت</a></li>
<li><a href="http://ghoghno3.ir/page/prifile" target="_blank" class="btn btn-danger btn-large">پروفایل</a></li>
<li><a href="http://www.p30web.org/" target="_blank" class="btn btn-warning btn-large">پی سی وب</a></li>
<li><a href="http://ghoghno3.ir/page/ads" target="_blank" class="btn btn-info btn-large" >تبلیغات</a></li>
</ul>
</div>
</html>
موفق باشید 
 تشکر شده: |
6 کاربر از hamidreza به خاطر اين مطلب مفيد تشکر کرده اند:
|
خوبه !
اين چطوره بچه ها :
barankhoshk.rozblog.com/page/box
امضاي کاربر :
هِه ، شُدیم مَنشور .. به هَرکسی میخُوریم 7 خَط در میاد !!
★ رفیق ؟ با هر نوعش گشتیم .. هِه !! ★
هِه ، شُدیم مَنشور .. به هَرکسی میخُوریم 7 خَط در میاد !!
★ رفیق ؟ با هر نوعش گشتیم .. هِه !! ★
| تشکر شده: |
1 کاربر از jazzab-online به خاطر اين مطلب مفيد تشکر کرده اند:
|
ممنون با کمی ویرایش جزئی قالب خیلی زیبایی خواهد شد 
| تشکر شده: |
1 کاربر از amirali به خاطر اين مطلب مفيد تشکر کرده اند:
|
خیلی خوب بود
ممنون
امضاي کاربر :
♥ای دی اینستاگرامم♥
| تشکر شده: |
1 کاربر از saeid-zero به خاطر اين مطلب مفيد تشکر کرده اند:
|
| تشکر شده: |
1 کاربر از famile_door به خاطر اين مطلب مفيد تشکر کرده اند:
|
زیباست
امضاي کاربر :
منتظر یک طلوع باشید...
!!! آینده برای کسانی است که زیبایی آرزوهایشان را باور دارند !!!
برمیگردم...
بسیار عالیه ممنون :)
قالب باحالیه
امضاي کاربر :
نیستم
9 سال !!!
قالب گراف ...
یه سال نبودم کسی نمیشناستم !
خدا بقیشو بخیرکنه
نیستم
9 سال !!!
قالب گراف ...
یه سال نبودم کسی نمیشناستم !
خدا بقیشو بخیرکنه
ممنون 
امضاي کاربر :
رفـــــیق ...
زدی ؟ مبـــــــارکــِــت
ولـــــی چرا با خــــنجری که
خـــــودم بـــرایت خـــریدم و تـــــــیزش کردم ...
میومدی از جلو میزدی دوباره خنده هاتو ببینم رفیق
ولی بازم میزنم ب سلامتی رفیقام ک
ترکمون کردن ولی من هنوزم دوسشون دارم
ب سلامتی رفیقی ک وقتی سودی براش نداری خبری ازش نیست! .
زدی ؟ مبـــــــارکــِــت
ولـــــی چرا با خــــنجری که
خـــــودم بـــرایت خـــریدم و تـــــــیزش کردم ...
میومدی از جلو میزدی دوباره خنده هاتو ببینم رفیق
ولی بازم میزنم ب سلامتی رفیقام ک
ترکمون کردن ولی من هنوزم دوسشون دارم
ب سلامتی رفیقی ک وقتی سودی براش نداری خبری ازش نیست! .
قالب باحالیه
امضاي کاربر :
نیستم
9 سال !!!
قالب گراف ...
یه سال نبودم کسی نمیشناستم !
خدا بقیشو بخیرکنه
نیستم
9 سال !!!
قالب گراف ...
یه سال نبودم کسی نمیشناستم !
خدا بقیشو بخیرکنه
