close
خرید vpn
قالب html به سبک سه ستونه

قالب html به سبک سه ستونه

رزرو تبلیغــات

تعرفه تبلیغات
http://up.pcast.ir/view/1905304/147565193282231.giff

شمـا میتوانیــد برای دیافت آخرین مطالب و آگاهی از آخریـن اخبــار موزیـک در ایمیـــل خـود در خبــرنامـه ثـبت نـام کنــید

قالب html به سبک سه ستونه

قالب html به سبک سه ستونه به ادامه مطالب بروید

اینم دموش

http://www.bloghelper.ir/page/koperkpogkerkop

 

 

اینم کدش 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>تست-bloghelper.ir</title>

 

<style type="text/css">

div#container

{

   width: 800px;

   position: relative;

   margin: 0 auto 0 auto;

   text-align: left;

}

body

{

   background-color: #B1B7BB;

   color: #000000;

   font-family: Arial;

   font-size: 13px;

   margin: 0;

   text-align: center;

}

a

{

   color: #0000FF;

   text-decoration: underline;

}

a:visited

{

   color: #800080;

}

a:active

{

   color: #FF0000;

}

a:hover

{

   color: #0000FF;

   text-decoration: underline;

}

#Shape1

{

   border-width: 0;

}

#Shape2

{

   border-width: 0;

}

#Shape3

{

   border-width: 0;

}

#Shape4

{

   border-width: 0;

}

#Shape5

{

   border-width: 0;

}

#Shape6

{

   border-width: 0;

}

#wb_Text1 

{

   background-color: transparent;

   border: 0px #000000 solid;

   padding: 0;

   margin: 0;

   text-align: center;

}

#wb_Text1 div

{

   text-align: center;

}

#Shape7

{

   border-width: 0;

}

#Shape8

{

   border-width: 0;

}

#Shape9

{

   border-width: 0;

}

#wb_Text3 

{

   background-color: transparent;

   border: 0px #000000 solid;

   padding: 0;

   margin: 0;

   text-align: center;

}

#wb_Text3 div

{

   text-align: center;

}

#wb_Text4 

{

   background-color: transparent;

   border: 0px #000000 solid;

   padding: 0;

   margin: 0;

   text-align: center;

}

#wb_Text4 div

{

   text-align: center;

}

#wb_Text5 

{

   background-color: transparent;

   border: 0px #000000 solid;

   padding: 0;

   margin: 0;

   text-align: left;

}

#wb_Text5 div

{

   text-align: left;

}

#wb_Text6 

{

   background-color: transparent;

   border: 0px #000000 solid;

   padding: 0;

   margin: 0;

   text-align: left;

}

#wb_Text6 div

{

   text-align: left;

}

#Shape10

{

   border-width: 0;

}

#wb_Text7 

{

   background-color: transparent;

   border: 0px #000000 solid;

   padding: 0;

   margin: 0;

   text-align: left;

}

#wb_Text7 div

{

   text-align: left;

}

#Shape11

{

   border-width: 0;

}

#Shape12

{

   border-width: 0;

}

#Shape13

{

   border-width: 0;

}

#Shape14

{

   border-width: 0;

}

#Shape15

{

   border-width: 0;

}

#wb_Text9 

{

   background-color: transparent;

   border: 0px #000000 solid;

   padding: 0;

   margin: 0;

   text-align: left;

}

#wb_Text9 div

{

   text-align: left;

   white-space: nowrap;

}

#Shape16

{

   border-width: 0;

}

#wb_Text10 

{

   background-color: transparent;

   border: 0px #000000 solid;

   padding: 0;

   margin: 0;

   text-align: left;

}

#wb_Text10 div

{

   text-align: left;

   white-space: nowrap;

}

#Shape17

{

   border-width: 0;

}

#Shape18

{

   border-width: 0;

}

#Shape19

{

   border-width: 0;

}

#Shape20

{

   border-width: 0;

}

#wb_Text8 

{

   background-color: transparent;

   border: 0px #000000 solid;

   padding: 0;

   margin: 0;

   text-align: left;

}

#wb_Text8 div

{

   text-align: left;

}

#wb_Text11 

{

   background-color: transparent;

   border: 0px #000000 solid;

   padding: 0;

   margin: 0;

   text-align: left;

}

#wb_Text11 div

{

   text-align: left;

}

#wb_Text12 

{

   background-color: transparent;

   border: 0px #000000 solid;

   padding: 0;

   margin: 0;

   text-align: left;

}

#wb_Text12 div

{

   text-align: left;

}

#Shape21

{

   border-width: 0;

}

#Shape22

{

   border-width: 0;

}

#wb_Text13 

{

   background-color: transparent;

   border: 0px #000000 solid;

   padding: 0;

   margin: 0;

   text-align: left;

}

#wb_Text13 div

{

   text-align: left;

   white-space: nowrap;

}

#wb_Text14 

{

   background-color: transparent;

   border: 0px #000000 solid;

   padding: 0;

   margin: 0;

   text-align: left;

}

#wb_Text14 div

{

   text-align: left;

   white-space: nowrap;

}

#wb_Text15 

{

   background-color: transparent;

   border: 0px #000000 solid;

   padding: 0;

   margin: 0;

   text-align: left;

}

#wb_Text15 div

{

   text-align: left;

}

#wb_Text16 

{

   background-color: transparent;

   border: 0px #000000 solid;

   padding: 0;

   margin: 0;

   text-align: left;

}

#wb_Text16 div

{

   text-align: left;

}

#SlideMenu1 ul

{

   list-style: none;

   margin: 0;

   padding: 0;

   font-family: Arial;

   font-size: 13px;

}

#SlideMenu1 li

{

   cursor: pointer;

}

#SlideMenu1 li div

{

   margin: 0px 0px 0px 0px;

   padding: 2px 2px 2px 5px;

   background-color: #A0A0A0;

   border-style: solid;

   border-width: 1px;

   border-color: #A0A0A0;

   position: relative;

   left: 0;

   top: 0;

   height: 16px;

}

#SlideMenu1 li div:hover

{

   background-color: #666666;

   border-style: solid;

   border-width: 1px;

   border-color: #666666;

}

#SlideMenu1 li a

{

   color: #EEEEEE;

   font-weight: normal;

   text-decoration: none;

}

#SlideMenu1 li a:hover

{

   color: #EEEEEE;

   font-weight: normal;

   text-decoration: none;

}

#SlideMenu1 li li

{

   cursor: auto;

   padding: 2px 2px 2px 5px;

   margin: 1px 0px 1px 0px;

   height: 16px;

   background-color: #EEEEEE;

   border-style: solid;

   border-width: 1px;

   border-color: #C0C0C0;

}

#SlideMenu1 li li a

{

   color: #666666;

   font-weight: normal;

   text-decoration: none;

}

#SlideMenu1 li li:hover

{

   background-color: #C0C0C0;

   border-style: solid;

   border-width: 1px;

   border-color: #C0C0C0;

}

#SlideMenu1 li li a:hover

{

   color: #666666;

   font-weight: normal;

   text-decoration: none;

}

</style>

<script type="text/javascript" src="jquery-1.11.1.min.js"></script>

<script type="text/javascript">

$(document).ready(function()

{

   $(".SlideMenu1_Folder div").click(function()

   {

      if ($(this).parent().find('ul').is(':hidden'))

      {

         $(this).parent().find('ul').show();

      }

      else

      {

         $(this).parent().find('ul').hide();

      }

   });

});

</script>

</head>

<body>

<div id="container">

<div id="wb_Shape1" style="position:absolute;left:0px;top:0px;width:800px;height:800px;z-index:0;">

<img src="http://s6.picofile.com/file/8212115826/img0001.gif" id="Shape1" alt="" style="width:800px;height:800px;"></div>

<div id="wb_Shape2" style="position:absolute;left:0px;top:30px;width:800px;height:120px;z-index:1;">

<img src="http://s3.picofile.com/file/8212115842/img0002.gif" id="Shape2" alt="" style="width:800px;height:120px;"></div>

<div id="wb_Shape3" style="position:absolute;left:30px;top:150px;width:140px;height:650px;z-index:2;">

<img src="http://s3.picofile.com/file/8212115876/img0003.gif" id="Shape3" alt="" style="width:140px;height:650px;"></div>

<div id="wb_Shape4" style="position:absolute;left:0px;top:143px;width:800px;height:2px;z-index:3;">

<img src="http://s3.picofile.com/file/8212115900/img0004.gif" id="Shape4" alt="" style="width:800px;height:2px;"></div>

<div id="wb_Shape5" style="position:absolute;left:30px;top:0px;width:140px;height:389px;z-index:4;">

<img src="http://s6.picofile.com/file/8212115892/img0005.gif" id="Shape5" alt="" style="width:140px;height:389px;"></div>

<div id="wb_Shape6" style="position:absolute;left:40px;top:10px;width:120px;height:70px;z-index:5;">

<img src="http://s3.picofile.com/file/8212116084/img0006.gif" id="Shape6" alt="" style="width:120px;height:70px;"></div>

<div id="wb_Text1" style="position:absolute;left:40px;top:22px;width:120px;height:30px;text-align:center;z-index:6;">

<span style="color:#FFFFFF;font-family:Arial;font-size:12px;"><strong>لوگوی شما</strong></span></div>

<div id="wb_Shape7" style="position:absolute;left:0px;top:770px;width:800px;height:30px;z-index:7;">

<img src="http://s6.picofile.com/file/8212116018/img0007.gif" id="Shape7" alt="" style="width:800px;height:30px;"></div>

<div id="wb_Shape8" style="position:absolute;left:0px;top:775px;width:800px;height:2px;z-index:8;">

<img src="http://s6.picofile.com/file/8212116168/img0008.gif" id="Shape8" alt="" style="width:800px;height:2px;"></div>

<div id="wb_Shape9" style="position:absolute;left:200px;top:180px;width:570px;height:36px;z-index:9;">

<img src="http://s3.picofile.com/file/8212116218/img0009.gif" id="Shape9" alt="" style="width:570px;height:36px;"></div>

<div id="wb_Text3" style="position:absolute;left:30px;top:752px;width:140px;height:11px;text-align:center;z-index:10;">

<span style="color:#FFFFFF;font-family:Arial;font-size:9.3px;"><strong><em>Designed by bloghelper</em></strong></span></div>

<div id="wb_Text4" style="position:absolute;left:170px;top:781px;width:630px;height:13px;text-align:center;z-index:11;">

<span style="color:#FFFFFF;font-family:Tahoma;font-size:11px;">کدنویسی توسط یاور بلاگ</span></div>

<div id="wb_Text5" style="position:absolute;left:200px;top:53px;width:430px;height:44px;z-index:12;text-align:left;">

<span style="color:#FFFFFF;font-family:Arial;font-size:37px;"><strong> خوش آمدید</strong></span></div>

<div id="wb_Text6" style="position:absolute;left:215px;top:90px;width:401px;height:27px;z-index:13;text-align:left;">

<span style="color:#FFFFFF;font-family:Arial;font-size:24px;">bloghelper.ir</span></div>

<div id="wb_Shape10" style="position:absolute;left:200px;top:186px;width:570px;height:24px;z-index:14;">

<img src="http://s6.picofile.com/file/8212116242/img0010.gif" id="Shape10" alt="" style="width:570px;height:24px;"></div>

<div id="wb_Text7" style="position:absolute;left:205px;top:187px;width:554px;height:22px;z-index:15;text-align:left;">

<span style="color:#FFFFFF;font-family:Arial;font-size:19px;"><strong>متن دلخواه ...</strong></span></div>

<div id="wb_Shape11" style="position:absolute;left:200px;top:241px;width:200px;height:504px;z-index:16;">

<img src="http://s3.picofile.com/file/8212116276/img0011.gif" id="Shape11" alt="" style="width:200px;height:504px;"></div>

<div id="wb_Shape12" style="position:absolute;left:200px;top:185px;width:570px;height:2px;z-index:17;">

<img src="http://s6.picofile.com/file/8212116384/img0012.gif" id="Shape12" alt="" style="width:570px;height:2px;"></div>

<div id="wb_Shape13" style="position:absolute;left:200px;top:209px;width:570px;height:2px;z-index:18;">

<img src="http://s3.picofile.com/file/8212116418/img0013.gif" id="Shape13" alt="" style="width:570px;height:2px;"></div>

<div id="wb_Shape14" style="position:absolute;left:198px;top:241px;width:204px;height:29px;z-index:19;">

<img src="http://s3.picofile.com/file/8212116450/img0014.gif" id="Shape14" alt="" style="width:204px;height:29px;"></div>

<div id="wb_Shape15" style="position:absolute;left:198px;top:461px;width:204px;height:29px;z-index:20;">

<img src="http://s3.picofile.com/file/8212116542/img0015.gif" id="Shape15" alt="" style="width:204px;height:29px;"></div>

<div id="wb_Text9" style="position:absolute;left:210px;top:246px;width:180px;height:60px;z-index:21;text-align:left;">

<div style="position:absolute;left:0px;top:0px;width:180px;height:16px;"><span style="color:#FFFFFF;font-family:Arial;font-size:15px;"><strong>مطالب پربازدید</strong></span><strong></strong></div>

<div style="position:absolute;left:0px;top:18px;width:180px;height:10px;"><span style="color:#FFFFFF;font-family:Arial;font-size:8px;"><strong> </strong></span></div>

<div style="position:absolute;left:0px;top:28px;width:180px;height:16px;"><span style="color:#FFFFFF;font-family:Arial;font-size:13px;">تست مطالب پربازدید</span></div>

</div>

<div id="wb_Shape16" style="position:absolute;left:30px;top:519px;width:140px;height:159px;z-index:22;">

<img src="http://s3.picofile.com/file/8212116626/img0016.gif" id="Shape16" alt="" style="width:140px;height:159px;"></div>

<div id="wb_Text10" style="position:absolute;left:210px;top:467px;width:180px;height:44px;z-index:23;text-align:left;">

<div style="position:absolute;left:0px;top:0px;width:180px;height:16px;"><span style="color:#FFFFFF;font-family:Arial;font-size:15px;"><strong>آخرین مطالب</strong></span><strong></strong></div>

<div style="position:absolute;left:0px;top:18px;width:180px;height:10px;"><span style="color:#FFFFFF;font-family:Arial;font-size:8px;"><strong> </strong></span></div>

<div style="position:absolute;left:0px;top:28px;width:180px;height:16px;"><span style="color:#FFFFFF;font-family:Arial;font-size:13px;">تست آخرین مطالب</span></div>

</div>

 

<div id="wb_Shape17" style="position:absolute;left:418px;top:247px;width:352px;height:220px;z-index:25;">

<img src="http://s3.picofile.com/file/8212116718/img0017.gif" id="Shape17" alt="" style="width:352px;height:220px;"></div>

<div id="wb_Shape18" style="position:absolute;left:418px;top:499px;width:352px;height:220px;z-index:26;">

<img src="http://s3.picofile.com/file/8212116826/img0018.gif" id="Shape18" alt="" style="width:352px;height:220px;"></div>

<div id="wb_Shape19" style="position:absolute;left:418px;top:246px;width:204px;height:29px;z-index:27;">

<img src="http://s6.picofile.com/file/8212116918/img0019.gif" id="Shape19" alt="" style="width:204px;height:29px;"></div>

<div id="wb_Shape20" style="position:absolute;left:418px;top:499px;width:204px;height:29px;z-index:28;">

<img src="http://s6.picofile.com/file/8212117050/img0020.gif" id="Shape20" alt="" style="width:204px;height:29px;"></div>

<div id="wb_Text8" style="position:absolute;left:423px;top:251px;width:179px;height:16px;z-index:29;text-align:left;">

 </div>

<div id="wb_Text11" style="position:absolute;left:423px;top:251px;width:554px;height:22px;z-index:30;text-align:left;">

<span style="color:#FFFFFF;font-family:Arial;font-size:19px;"><strong>عنوان مطلب</strong></span></div>

<div id="wb_Text12" style="position:absolute;left:423px;top:506px;width:554px;height:22px;z-index:31;text-align:left;">

<span style="color:#FFFFFF;font-family:Arial;font-size:19px;"><strong>عنوان مطلب دوم</strong></span></div>

<div id="wb_Shape21" style="position:absolute;left:650px;top:434px;width:120px;height:33px;z-index:32;">

<img src="http://s3.picofile.com/file/8212117176/img0021.gif" id="Shape21" alt="" style="width:120px;height:33px;"></div>

<div id="wb_Shape22" style="position:absolute;left:650px;top:686px;width:120px;height:33px;z-index:33;">

<img src="http://s6.picofile.com/file/8212117192/img0022.gif" id="Shape22" alt="" style="width:120px;height:33px;"></div>

<div id="wb_Text13" style="position:absolute;left:423px;top:267px;width:180px;height:52px;z-index:34;text-align:left;">

<div style="position:absolute;left:0px;top:0px;width:180px;height:10px;"><span style="color:#FFFFFF;font-family:Arial;font-size:8px;"><strong><br></strong></span></div>

<div style="position:absolute;left:0px;top:10px;width:180px;height:10px;"><span style="color:#FFFFFF;font-family:Arial;font-size:8px;"><strong> </strong></span></div>

<div style="position:absolute;left:0px;top:20px;width:180px;height:16px;"><span style="color:#FFFFFF;font-family:Arial;font-size:13px;">خوده مطلب</span></div>

</div>

<div id="wb_Text14" style="position:absolute;left:423px;top:528px;width:180px;height:52px;z-index:35;text-align:left;">

<div style="position:absolute;left:0px;top:0px;width:180px;height:10px;"><span style="color:#FFFFFF;font-family:Arial;font-size:8px;"><strong><br></strong></span></div>

<div style="position:absolute;left:0px;top:10px;width:180px;height:10px;"><span style="color:#FFFFFF;font-family:Arial;font-size:8px;"><strong> </strong></span></div>

<div style="position:absolute;left:0px;top:20px;width:180px;height:16px;"><span style="color:#FFFFFF;font-family:Arial;font-size:13px;">خوده مطلب عنوان دوم</span></div>

</div>

<div id="wb_Text15" style="position:absolute;left:673px;top:440px;width:401px;height:27px;z-index:36;text-align:left;">

<span style="color:#FFFFFF;font-family:Arial;font-size:24px;">ادامه مطالب</span></div>

<div id="wb_Text16" style="position:absolute;left:673px;top:692px;width:401px;height:27px;z-index:37;text-align:left;">

<span style="color:#FFFFFF;font-family:Arial;font-size:24px;">ادامه مطالب</span></div>

<div id="SlideMenu1" style="position:absolute;left:30px;top:166px;width:140px;height:252px;z-index:38;">

<ul>

   <li class="SlideMenu1_Folder"><div><a>تست منو 1</a></div>

      <ul>

         <li><a href="">1تست</a></li>

         <li><a href="">2تست</a></li>

      </ul>

   </li>

   <li class="SlideMenu1_Folder"><div><a>تست منو 2</a></div>

      <ul>

         <li><a href="">3تست</a></li>

         <li><a href="">4تست</a></li>

      </ul>

   </li>

</ul>

</div>

</div>

</body>

</html>

 

 

 

 

.


تاریخ انتشار : دوشنبه 23 شهريور 1394 ساعت: 19:28 | نظرات()
برچسب ها : , , , , , , , , , , ,

نویسنده :

بازديد : 33

موضوع: قالب وبلاگ ,

مطالب مرتبط
بخش نظرات این مطلب
نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتی
با کلیک بر روی 1+ ما را در گوگل محبوب کنید