close
تبلیغات در اینترنت
خرید دامنه
قالب html به سبک سه ستونه
loading...

یاور وبلاگ

قالب 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 {…

آخرین ارسال های انجمن

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

Erfan Gholamnia بازدید : 338 دوشنبه 23 شهريور 1394 نظرات ()

قالب 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>

 

 

 

 

.

مطالب مرتبط
ارسال نظر برای این مطلب

نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتیرفرش کد امنیتی
تبلیغات
Rozblog.com رز بلاگ - متفاوت ترين سرويس سایت ساز
درباره ما
قالب های رایگان - ابزار وبمستر ها - کد های کاربردی - انجمن وبمستر ها - وردپرس - قالب وردپرس - افزونه وردپرس - نرم افزار - بازی- اخبار تکنولوژی و وبنویسی
اطلاعات کاربری
نام کاربری :
رمز عبور :
  • فراموشی رمز عبور؟
  • آمار سایت
  • کل مطالب : 461
  • کل نظرات : 94
  • افراد آنلاین : 1
  • تعداد اعضا : 756
  • آی پی امروز : 20
  • آی پی دیروز : 57
  • بازدید امروز : 65
  • باردید دیروز : 210
  • گوگل امروز : 0
  • گوگل دیروز : 7
  • بازدید هفته : 1,021
  • بازدید ماه : 12,728
  • بازدید سال : 94,422
  • بازدید کلی : 526,267
  • کدهای اختصاصی
    به دلیل اپدیت روزانه از همه مطالب در همه موضوعات در ارشیو ها دیدن فرمایید با تشکر - دی:
    برای دیدن مطالب حتما در سایت ثبت نام کنید (بیشتر مطالب حتما باید عضو باشید)
    شما می توانید درخواست های خودتان را در انجمن سایت به صورت تاپیک به ما اطلاع دهید و ما به شما کمک کنیم دی :
    اگر شما درخواست در مورد تبلیغات در سایت و هر چه چیز دیگر با این ایدی تلگرام در ارتباط باشند erfanf50