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…

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

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

 

 

 

 

.

درباره : قالب وبلاگ ,
برچسب ها : قالب نیمه کاره html حرفه ای , قالب نیمه کاره html , قالب html , قالب html حرفه ای , کد قالب html , دانلود قالب html , بهترین قالب html , دانلود بهترین قالب html , قالب های html , دانلود قالب های html , دانلود قالب حرفه ایه html ,
بازدید : 254 تاریخ : دوشنبه 23 شهريور 1394 زمان : 19:28 نویسنده : Erfan Gholamnia نظرات ()
مطالب مرتبط
  • قالب سایت های گرافیک برای رزبلاگ قالب سایت های گرافیک برای رزبلاگ
  • دانلود قالب فلت دانلود برای رزبلاگ دانلود قالب فلت دانلود برای رزبلاگ
  • دانلود قالب اچ تی ام ال مناسب برای پرتال های خبری دانلود قالب اچ تی ام ال مناسب برای پرتال های خبری
  • دانلود قالب اچ تی ام ال مناسب برای سایت های خبری دانلود قالب اچ تی ام ال مناسب برای سایت های خبری
  • دانلود قالب سنتر دانلود برای رزبلاگ دانلود قالب سنتر دانلود برای رزبلاگ
  • دانلود قالب دانلودی تخته برای رزبلاگ دانلود قالب دانلودی تخته برای رزبلاگ
  • دانلود قالب HTML به نام براندا دانلود قالب HTML به نام براندا
  • ارسال نظر برای این مطلب

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

    آمار سایت
  • کل مطالب : 461
  • کل نظرات : 92
  • افراد آنلاین : 3
  • تعداد اعضا : 724
  • آی پی امروز : 0
  • آی پی دیروز : 0
  • بازدید امروز : 79
  • باردید دیروز : 138
  • گوگل امروز : 0
  • گوگل دیروز : 3
  • بازدید هفته : 79
  • بازدید ماه : 217
  • بازدید سال : 217
  • بازدید کلی : 432,062
  • مطالب
    کدهای اختصاصی
    به دلیل اپدیت روزانه از همه مطالب در همه موضوعات در ارشیو ها دیدن فرمایید با تشکر - دی:
    برای دیدن مطالب حتما در سایت ثبت نام کنید (بیشتر مطالب حتما باید عضو باشید)
    شما می توانید درخواست های خودتان را در انجمن سایت به صورت تاپیک به ما اطلاع دهید و ما به شما کمک کنیم دی :
    اگر شما درخواست در مورد تبلیغات در سایت و هر چه چیز دیگر با این ایدی تلگرام در ارتباط باشند erfanf50