::: در حال بارگیری لطفا صبر کنید :::Loading , please wait ...

انجمن کدستانMoisrex

MoisrexMoisrex.rozblog.com
زمان جاریtime : شنبه 16 تیر 1403 - 7:37 بعد از ظهر
نام کاربریusername : پسوردpassword : یاor عضویتregister | رمز عبور را فراموش کردمForgot your password?
شما در سایت ما ثبت نام نکرده اید و یا وارد اکانت کاربری خود نشده اید. از شما خواهشمند هستیم You are not log in to site. Please وارد شویدlogin یاor ثبت نام کنیدregister .
آموزش ساخت قالب ریسپانسیو
تعداد بازدیدvisits : 471
hamed-bnn آفلاین



ارسال هاAnswers : 124
عضویتRegistration date : 21 /4 /1393
حمایت کردهThanks : 45
حمایت شدهThanked : 50
آموزش ساخت قالب ریسپانسیو

سلام!

امروز یه آموزش کاربردی برای برنامه نویسای تحت وب میخوام بنویسم!

ساخت قالب ریسپانسیو یا واکنش گرا ( چیزی که امروز مد شده )

شاید شما ندونید منظور از واکنش گرا در اینجا چیه

واکنش در اینجا یعنی قالب نسبت به رزولوشن شما تغییر داده بشه و یا فیکس بشه. اینطور برای نمایشگرای کوچیک مثل موبایل هم خوانایی و زیبایی داره.

خب ... بریم سر اصل مطلب!

شما برای این کار باید حداقل کمی CSS بلد باشید.

ابتدا یه فایل CSS با اسم دلخواه میسازیم.

بعد کد زیر رو در اون قرار میدیم :

کد:
@media screen and (max-width: 980px) {

در اینجا ما با Media Queries یک شرط ایجاد کردیم ( حداکثر طول صفحه 960 پیکسل )

در این Media Query باید استایل ها رو به شکل عادی بنویسیم مثل :

کد:
@media screen and (max-width: 980px) {

.wrapper {

widh: 100%;

}

.top-menu {

display: none;

}

}

شما باید استایل های کوچک تر از 650 و 480 پیکسل رو نیز اضافه کنید!

فیکس کردن Media Queries در IE

از این کتاب خانه جاوا اسکریپت برای این کار استفاده کنید :

کد:
<!--[if it IE9]><script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->

غیر فعال سازی بزرگ نمایی متن ها در گوشی های آیفون ( Scale )

برای این کار هم از این کد استفاده کنید :

کد:
<meta name="viewport" content="width=device-width; initial-scale=1.0">

موفق باشید

❌✖ دیگه کدنویسی نمیکنم :| اینقدر توی پ.خ درخواست ندید ✖❌


یکشنبه 12 مرداد 1393 - 16:54
وب کاربرUser's blog ارسال پیامsend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شدهThanks : سپاس هاThanks (4) : monister - ariaman5 - sharifpour - justhadi -
monister آفلاین



ارسال‌هاAsnwers : 1002
عضویتRegistration date : 18 /11 /1391
حمایت کردهthanks : 222
حمایت شدهThanked : 214
پاسخAnswer 1 : آموزش ساخت قالب ریسپانسیو

خوبه ... اما واکنش کردن قالب با Bootstrap بهتر و راحت تره

موفق باشید

Instead of success in a base I hate, I prefer to loose in a base I enjoy
MY website : Www.Monister.Ir
My Love Blog : Www.Ehsan-Gomnam.BLOGFA.com
یکشنبه 12 مرداد 1393 - 16:55
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شده: سپاس هاThanks (1) : hamed-bnn -
hamed-bnn آفلاین



ارسال‌هاAsnwers : 124
عضویتRegistration date : 21 /4 /1393
حمایت کردهthanks : 45
حمایت شدهThanked : 50
پاسخAnswer 2 : آموزش ساخت قالب ریسپانسیو

نقل قول از wwww

خوبه ... اما واکنش کردن قالب با Bootstrap بهتر و راحت تره

موفق باشید

ممنون احسان که نظر دادی

بله با Bootstrap هم میشه

❌✖ دیگه کدنویسی نمیکنم :| اینقدر توی پ.خ درخواست ندید ✖❌


یکشنبه 12 مرداد 1393 - 17:00
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
justhadi آفلاین



ارسال‌هاAsnwers : 352
عضویتRegistration date : 14 /11 /1391
حمایت کردهthanks : 58
حمایت شدهThanked : 20
پاسخAnswer 3 : آموزش ساخت قالب ریسپانسیو

سلام دوست عزیز من اصلا کد نویسی بلد نیستم این قالب من رو ریسپانسیو میکنی؟

کد:
<DocType>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<h1><title></title></h1>

<meta name="google-site-verification" content="RjtpE6JJUzGpoN4BxYxCrX88yoWj8NrI8QPAb805i0Y" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta http-equiv="Content-Type" content="text/ht">

<meta name="description" content="">

<link rel="canonical" href="">

<meta http-equiv="Content-Language" content="fa">

<meta http-equiv="Cache-Control" content="PUBLIC">

<meta http-equiv="expires" content="never">

<meta name="robots" content="index, follow">

<meta name="author" content="">

<meta name="classification" content="Blog, Blogging,">

<meta name="page-topic" content="Blog, Blogging,">

<meta name="subject" content="">

<meta name="revisit-after" content="1 days">

<meta name="geography" content="Iran">

<meta name="Language" content="Fa-Ir,Farsi,Persian">

<meta name="distribution" content="Global">

<meta name="city" content="Esfahan">

<meta name="country" content="Iran">

<meta name="copyright" content="">

<meta name="abstract" content="">

<meta name="resource-type" content="document">

<meta name="Copyright" content="CopyRight By NazSkin © ">

<meta name="keywords" content="">

<link rel="alternate" type="application/rss+xml" title="">

<script src="http://naz-skin.ir/nsk/js.js"></script>

<meta name="keywords" content="" href="/rss.xml">

<meta name="robots" content="index, follow" />

<meta http-equiv="designer" content="www.Naz-Skin.ir" />

<meta http-equiv="web" content="Naz-Skin.ir" />

<meta name="author" content="" />

<meta name="classification" content="Blog, Blogging, " />

<meta name="page-topic" content="Web, Site, ">

<meta name="subject" content="">

<meta name="revisit-after" content="1 days" />

<meta name="geography" content="Iran" />

<meta name="distribution" content="Global" />

<meta name="country" content="Iran" />

<meta name="description" content="">

<meta name="keywords" content="">

<meta name="googlebot" content="index, follow">

<meta http-equiv="content-language" content="fa-IR">

<meta name="google_rank"content="/">

<meta content="all" name="robots">

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

<link rel="alternate" type="application/rss+xml" title="">

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

<meta name="alexaVerifyID" content="8XUWP9rjlHikkIxe2aDvZ0GqX14" />

<meta name="google-site-verification" content="googleec194b1bc764331f" />

<meta name="googlebot" content="index,follow" />

<meta name="msnbot" content="all" />

<meta name="robots" content="all" />

<meta name="title" content="" />

<!--

-->

<link rel="stylesheet" href="http://naz-skin.ir/themes/nsk3weblog/style.css">

<link rel="stylesheet" href="http://naz-skin.ir/themes/nsk3weblog/css/font-awesome.css">

<link rel="stylesheet" href="http://naz-skin.ir/themes/nsk3weblog/css/font-awesome.min.css">

<script type="text/javascript" src="http://naz-skin.ir/themes/nsk3weblog/qTip.js"></script>

</head>

<body><div id="loading" style="border:1px solid #999;padding:10px;text-align:center;vertical-align:middle;display:none;font:10pt tahoma;font-weight:bold;background:#FFF;"><img src="/weblog/file/loading/88.gif"></div><div id="loading" style="border:1px solid #999;padding:10px;text-align:center;vertical-align:middle;display:none;font:10pt tahoma;font-weight:bold;background:#FFF;"><img src="/weblog/file/loading/88.gif"></div>

<center>

<div class="warraper">

<div class="logo">

<img src="https://rozup.ir/up/meli-patogh/Pictures/m-p-h.png" height="117" width="275" alt="LogoNSK" />

</div>

<!-- Navbar -->

<ul class="menutop">

<li><a href=""title="جهت مشاهده ی مطالب جدید تر کلیک کنید">صفحه اصلی</a></li>

<li><a href="http://meli-patogh.rozblog.com/forum"title="جهت ورود به انجمن ملی پاتوق کلیک کنید">انجمن</a></li>

<li><a href="http://meli-patogh.rozblog.com/sitemap.xml"title="جهت مشاهده ی نقشه ی سایت کلیک کنید">مپ سایت</a></li>

<li><a href="http://meli-patogh.rozblog.com/rss.xml"title="جهت ورود به بخش آر اس اس کلیک کنید">آر اس اس</a></li>

<RB:Blog_Archive_Block>

<li><a href="#">آرشيو</a>

<ul>

<RB:Blog_Archive_Loop>

<li><a href="[Archive_Link]">[Archive_Title]</a></li>

</RB:Blog_Archive_Loop>

<li><a href="">بخش بایگانی</a></li>

</ul></li>

</RB:Blog_Archive_Block>

<li><a href="http://meli-patogh.rozblog.com/register"title="برای عضو شدن در ملی پاتوق کلیک کنید">ثبت نام</a></li>

<li><a href="http://meli-patogh.rozblog.com/login"title="جهت ورود به حساب کاربری خود کلیک کنید">ورود کاربران</a></li>

<li><a href="http://meli-patogh.rozblog.com/forget"title="در صورتی که رمز عبور خود را فراموش کرده اید کلیک کنید">فراموشی رمز عبور</a></li>

<li><a href="http://meli-patogh.rozblog.com/tamas"title="جهت ارتباط با ما و یا درج تبلیغ در سایت کلیک کنید">تماس با ما</a></li>

</ul>

<!-- /Navbar -->

<RB:Blog_Search_Block>

<div class="sidebar-search">

<input type="text" id="s" value="" placeholder="کلمات کلیدی+اینتر" id="search" value="[Search_Value]" name="s" class="field" x-webkit-speech/>

</div>

</RB:Blog_Search_Block>

<div class="clear"></div>

<div class="menu Adv">

<a href="http://funperia.ir/"><img src="http://s4.picofile.com/file/7910811070/%D8%A8%D9%86%D8%B1_%D9%81%D8%A7%D9%86_%D9%BE%D8%B1%D8%B4%DB%8C%D8%A7.gif" alt="فان پرشيا"title="فان پرشيا"></a>

<a href="http://meli-patogh.rozblog.com/"><img src="https://rozup.ir/up/meli-patogh/Pictures/meli-patogh715075.gif" alt="ملي پاتوق"title="ملي پاتوق"></a>

<a href="http://30khande.ir/"><img src="http://upsara.com/images/xgyb_30khande-1.gif" alt="30 خنده"title="30 خنده"></a>

<a href="http://meli-patogh.rozblog.com/tamas/"><img src="https://rozup.ir/up/meli-patogh/Pictures/ads222.gif" alt="تبليغات شما"title="تبليغات در ملي پاتوق"></a>

</div>

<div class="float_right">

<RB:Text2>

<div class="menu">

<div class="title ads">تبلیغات</div>

<center>[-Text2-]</center>

</div>

</RB:Text2>

<RB:Blog_Category_Block>

<div class="menu">

<div class="title cat">موضوعات</div>

<ul>

<RB:Blog_Category_Loop>

<li><b>[Catgory_Title]</b></li>

<ul type="circle">

<RB:Blog_Sub_Category_Loop>

<li><a href="[Catgory_Sub_Link]" alt="تعداد پست ها [Catgory_Sub_Posts]" title="تعداد پست ها [Catgory_Sub_Posts]">[Catgory_Sub_Title]</a></li>

</RB:Blog_Sub_Category_Loop>

</ul>

</RB:Blog_Category_Loop>

</ul>

</div>

</RB:Blog_Category_Block>

<div class="menu">

<div class="title users">اطلاعات کاربری</div>

<RB:Form_Login_Block><img src="https://rozblog.com/temp/mbaran/user1.gif">

<script language="JavaScript">

welcome_guest();

function welcome_guest() {

var thedate;

var thehour;

thedate = new Date();

thehour = thedate.getHours();

if (thehour <12)

document.write("خوش آمديد ميهمان")

else if (thehour < 17)

document.write("خوش آمديد ميهمان")

else

document.write("خوش آمديد ميهمان")

}

</script>

<hr>

</hr>

<img src="https://rozblog.com/temp/m98/li.gif" align="absmiddle"> <a href="">عضو شويد</a><br />

<br />

<RB:Login_Field_Size:13>

<RB:Login_Field_Style:font:9pt tahoma;>

<RB:Login_Submit_Value:ورود به سایت>

[Login_Form] <br>

<img src="https://rozblog.com/temp/m98/li.gif" align="absmiddle" width="5" height="6"> <a href="">فراموشی رمز عبور؟</a> <br>

<hr>

</hr>

<img src="https://rozblog.com/temp/m98/li.gif" align="absmiddle" width="5" height="6"> <strong>عضویت سریع</strong>

<RB:Reg_Fast_Block>

<RB:Reg_Fast_Field_Size:13>

<RB:Reg_Fast_Field_Style:9pt tahoma;>

<RB:Reg_Fast_Submit_Value:عضویت>

<RB:Reg_Fast_Reset_Value:پاک کردن>

[Reg_Fast_Form]

</RB:Reg_Fast_Block>

</RB:Form_Login_Block>

<RB:If_Login_Block>

<IMG src="https://rozblog.com/weblog/file/images/icon_user.gif"><b>منوی کاربری </b><br />

<center><IMG src="[Login_Avatar]"></center><br />

<IMG align="absbottom" src="https://rozblog.com/weblog/file/images/arrow-left.gif"border=0> خوش آمدی : [Login_Name]<br />

<IMG align="absbottom" src="https://rozblog.com/weblog/file/images/arrow-left.gif"border=0> آخرین ورود:[Login_Date_Last]<br />

<IMG align="absbottom" src="https://rozblog.com/weblog/file/images/arrow-left.gif" border=0>نام کاربری : [Login_Username]</A><br>

<IMG align="absbottom" src="https://rozblog.com/weblog/file/images/arrow-left.gif"border=0> <A href="/Panel"> پنل کاربری</A><BR>

<IMG align="absbottom" src="https://rozblog.com/weblog/file/images/arrow-left.gif" border=0><A href="[Login_Profile]">مشاهده پروفایل</A><br>

<IMG align="absbottom" src="https://rozblog.com/weblog/file/images/arrow-left.gif" border=0><A href="/New_Post">ارسال پست جدید</A><br>

<IMG align="absbottom" src="https://rozblog.com/weblog/file/images/arrow-left.gif" border=0><A href="/Edit_Profile">ویرایش پروفایل</A><br>

<IMG align="absbottom" src="https://rozblog.com/weblog/file/images/arrow-left.gif" border=0><A href="">خروج از سایت</A><br>

</RB:If_Login_Block>

</div>

<RB:Blog_Authors_Block>

<div class="menu">

<div class="title admins">نویسندگان</div>

<ul type="circle">

<RB:Blog_Authors_Loop>

<li><a href="[Author_Link]" alt="تعداد پست ها :[Author_Posts]" title="تعداد پست ها :[Author_Posts]">[Author_Name]</a></li>

</RB:Blog_Authors_Loop>

</ul>

</div>

</RB:Blog_Authors_Block>

<RB:Blog_Mail_Block>

<div class="menu">

<div class="title news">خبرنامه</div>

براي اطلاع از آپدیت شدن سایت در خبرنامه سایت عضو شويد تا جديدترين مطالب به ايميل شما ارسال شود

<RB:Mail_Field_Size:25>

<RB:Mail_Field_Style:Font:9pt Tahoma;>

<RB:Mail_Submit_Value:عضویت>

<RB:Mail_Submit_Style:font:9pt Tahoma;>

<RB:Mail_Remove_Value:حذف عضویت>

[Mail_Form]

</div>

</RB:Blog_Mail_Block>

<RB:Rand_Posts_Block>

<RB:Rand_Posts_Img_Default:/images/no_image.png>

<div class="menu">

<div class="title rand">مطالب تصادفی</div>

<div id="tools">

<RB:Rand_Posts_Loop>

<li><a href="[Rand_Posts_Link]"><img src="[Rand_Posts_Img]" alt="[Rand_Posts_Title]" title="[Rand_Posts_Title]" width="60" height="60" style="border:1px solid #F0F0F0;margin:1px;" align="middle"> [Rand_Posts_Title]</a></li>

</RB:Rand_Posts_Loop>

</div>

</div>

</RB:Rand_Posts_Block>

<RB:Blog_Poll_Block>

<div class="menu">

<div class="title poll">نظرسنجی</div>

<RB:Blog_Poll>

<RB:Poll_Submit_Value: ثبت نظر >

<RB:Poll_Result_Value: نتایج >

<RB:Poll_Item_Style:font-size:9pt;font-family:BYekan;>

[Poll_Name]

[Poll_Items]

</RB:Blog_Poll>

</div>

</RB:Blog_Poll_Block>

<RB:Link_Daily_Block>

<div class="menu">

<div class="title links">پیوندهای روزانه</div>

<ul>

<RB:Link_Daily_Loop>

<li><a title="[Linkdaily_Description]" target="_blank" href="[Linkdaily_Url]">[Linkdaily_Title]</a> ([Linkdaily_Clicks])</li>

</RB:Link_Daily_Loop>

<li><b><a href="javascript:void(0)" onclick ="OpenLD();">آرشیو لینک ها</a></b></li>

</ul>

</div>

</RB:Link_Daily_Block>

<RB:Blog_User_Block>

<div class="menu">

<div class="title users">کاربران</div>

<ul type="square">

<RB:Blog_User_Loop>

<li><a target="_blank" href="[Blog_User_Url]">[Blog_User_Title]</a></li>

</RB:Blog_User_Loop>

</ul>

</div>

</RB:Blog_User_Block>

<RB:Block_Right>

<RB:Block_Right_Loop>

<div class="menu">

<div class="title block">[Menu_Title]</div>

[Menu_Code]

</div>

</RB:Block_Right_Loop>

</RB:Block_Right>

</div>

<div class="center_no_float">

<script>

(function() {

var cx = '005248981579916366770:pzydd04uapq';

var gcse = document.createElement('script');

gcse.type = 'text/javascript';

gcse.async = true;

gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +

'//www.google.com/cse/cse.js?cx=' + cx;

var s = document.getElementsByTagName('script')[0];

s.parentNode.insertBefore(gcse, s);

})();

</script>

<gcse:search></gcse:search>

<RB:Text3>

<div class="menu">

<div id="hader_ads">

[-Text3-]

</div></div>

</RB:Text3>

<RB:Block_Up>

<RB:Block_Up_Loop>

<div class="menu">

<div class="title block">[Menu_Title]</div>

[Menu_Code]

</div>

</RB:Block_Up_Loop>

</RB:Block_Up>

<RB:Contact_Block>

<div class="menu">

<div class="title contact">تماس با ما</div>

<RB:Contact_Field_Size:40>

<RB:Contact_Field_Style:font:9pt tahoma;-moz-border-radius:5px;>

<RB:Contact_Submit_Value:ارسال پیام>

<RB:Contact_Reset_Value:پاک کردن>

[Contact_Form]

</div>

</RB:Contact_Block>

<RB:Register_Block>

<div class="menu">

<div class="title reg">عضویت در سایت</div>

<RB:Reg_Field_Size:40>

<RB:Reg_Field_Style:font:9pt tahoma;>

<RB:Reg_Submit_Value:عضویت>

<RB:Reg_Reset_Value:پاک کردن>

[Register_Form]

</div>

</RB:Register_Block>

<RB:Forum_Posts_Block>

<div class="menu">

<RB:Forum_Posts_Block>

<div class="vasat_bala">

<div class="layer_31-holder">آخرین ارسال های انجمن</div>

<style type="text/css">

#MTForumBlock TR.MTForumfirst{background-image:url(https://rozblog.com/temp/music3/MTForumBlock_row_over.png);

}

#MTForumBlock TR{background-image:url(https://rozblog.com/temp/music3/MTForumBlock_row.png);

background-repeat:repeat-x;

}

#MTForumBlock TD{font-family:Tahoma; font-size:8pt; border:1px solid #CDCDCD;color:#666; height:15px; padding:3px 3px 3px 3px;}

.MTForumtitle{text-align:center;}

.MTForumanswer{width:40px; text-align:center;}

.MTForumview{width:40px; text-align:center;}

.MTForumrowtitle{padding-right:5px;}

#MTForumBlock A{float:right; width:100%; height:100%; color:#666; text-decoration:none;}

.style1 {

text-align: center;

}

.style2 {

text-align: right;

}

.style3 {

border-width: 0px;

}

.auto-style2 {

color: #EA7808;

}

</style>

<div id="MTForumBlock" style="margin-right:auto; margin-left:auto; height:auto;">

<div align="center">

<table id="lastpost" style="padding:2px; margin-right:auto; margin-left:auto; width:100%;" bgcolor="#FFFFFF">

<tr class="MTForumfirst">

<td class="MTForumtitle">عنوان</td>

<td class="MTForumanswer">پاسخ</td>

<td class="MTForumview">بازدید</td>

<td class="MTForumview">توسط</td>

</tr>

<RB:Forum_Posts_Loop>

<tr>

<td class="MTForumrowtitle">

<a target="_blank" href="[Forum_Post_Url]">

<img src="https://rozblog.com/temp/nuke/FBarrow.gif" border="0" width="9" height="9" />

[Forum_Post_Title]</a></td>

<td class="MTForumanswer">[Forum_Post_Count_Answer]</td>

<td class="MTForumview">[Forum_Post_Hit]</td>

<td class="MTForumview">[Forum_Post_Last_Author]</td>

</tr>

</RB:Forum_Posts_Loop>

</table>

</div>

</div>

<RB:Forum_Posts_Page_Block>

[Forum_Posts_Code_Ajax]

<style>

.pagenf {text-align:center;}

.pagenf a {-moz-border-radius: 0px;border: 1px solid #CCCCCC;padding:5px;padding-top:2px;padding-bottom:1px;margin-bottom: 4px;display: inline-block;background: url(https://rozblog.com/temp/music3/MTForumBlock_row_over.png);color:#999;}

.pagenf a:hover {border-color:#666;color:#666;background-color: none;text-decoration: none;}

.pagenf .current{padding:5px;padding-top:3px;padding-bottom:1px;color:#fff;border:1px solid gray;background:#CCC;display: inline-block;margin-bottom: 4px;}

</style>

<style>

#loading{

border:1px solid #999;border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-khtml-border-radius:5px;-webkit-box-shadow: 1px 1px 3px gray, -1px -1px gray;-moz-box-shadow: 1px 1px 3px gray,-1px -1px gray;box-shadow: 1px 1px 3px gray, -1px -1px gray;padding:10px;text-align:center;vertical-align:middle;display:none;background:#FFF;position:absolute;

}

</style>

<div id="loading"><img src="/weblog/file/loading/88.gif" alt="loading..." title="alt="loading...""></div>

<div class="pagenf">

[Forum_Posts_Page]

</div>

</RB:Forum_Posts_Page_Block>

</div>

</RB:Forum_Posts_Block>

</RB:Forum_Posts_Page_Block>

</div>

</RB:Forum_Posts_Block>

<ROZBLOG>

<div class="menu post">

<div class="title ppost">

<a href="[Post_Link]">[Post_Title]</a>

</div>

<RB:Post_Cat_Block>

<i class="fa fa-reply-all" style="color:gray"></i>:

<RB:Post_Cat_Loop>

<a href="[Post_Cat_Url]">[Post_Cat_Title]</a> ,

</RB:Post_Cat_Loop>

</br><br>

</RB:Post_Cat_Block>

<RB:Post_Image>

<center>

<img src="[Post_Image_Url]" title="[Post_Title]" width="450" height="400"><br />

</center>

</RB:Post_Image>

[Post_Content]

<RB:Post_More_Block><center>

<div style="text-align: center;"><br /><a target="_blank" href="http://meli-patogh.rozblog.com/tamas" title="تبليغات شما"><img vspace="0" hspace="0" border="0" src="https://rozup.ir/up/meli-patogh/Pictures/ads222.gif" alt="تبليغات ويژه" class="decoded" /></a></div>

<br><div class="more-link">

<a href="[Post_Link]">برای مشاهده ی ادامه ی مطلب در این مکان کلیک کنید</a>

</div><br>

</center></RB:Post_More_Block>

<RB:Post_Tags_Block>

<div class="tags">

<i class="fa fa-tags" style="color:gray"></i>:

<RB:Post_Tags_Loop>

<a href="[Post_Tags_Url]">[Post_Tags_Title]</a> ,

</RB:Post_Tags_Loop>

<br>

</div><br>

</RB:Post_Tags_Block>

<RB:Post_Author_Block><i class="fa fa-user" style="color:gray"></i>: <a href="[Post_Author_Link]" >[Post_Author]</a><br></RB:Post_Author_Block>

<RB:Post_Date_Block><i class="fa fa-calendar" style="color:gray"></i>: [Post_Date] </RB:Post_Date_Block>

<RB:Post_Hit_Block><i class="fa fa-eye" style="color:gray"></i>: [Post_Hit]</RB:Post_Hit_Block>

</div>

</ROZBLOG>

<RB:Related_Posts_Block>

<RB:Related_Posts_Img_Default:/images/no_image.png>

<div class="menu">

<p style="text-align: center;">بازديد کنندي گرامي چنان چه اين مطلب را براي وب خود کپي مي کنيد براي دريافت رضايت از ما , ما را با نام <a title="ملي پاتوق" target="_blank" href="http://meli-patogh.rozblog.com"><strong>ملي پاتوق</strong></a> و ادرس <a href="http://meli-patogh.rozblog.com" target="_blank" title="ملي پاتوق"><strong>www.meli-patogh.rozblog.com</strong></a> در وب خود لينک نماييد</p><p style="text-align: center;"><a href="http://meli-patogh.rozblog.com" target="_blank" title="توجه توجه"><img class="decoded" alt="https://rozup.ir/up/meli-patogh/Pictures/www.meli-patogh.rozblog.com.gif" src="https://rozup.ir/up/meli-patogh/Pictures/www.meli-patogh.rozblog.com.gif" /></a></p>

<div class="title pin">مطالب مرتبط</div>

<RB:Related_Posts_Loop>

<div style="padding:5px;margin:3px;border:1px solid #cccccc;"><b><a href="[Related_Post_Link]"> <img src="[Related_Post_Img]" alt="[Related_Post_Title]" title="[Related_Post_Title]" width="60" height="60" style="border:1px solid #F0F0F0;margin:1px;" align="middle"> [Related_Post_Title]</a></b></div>

</RB:Related_Posts_Loop>

</div>

</RB:Related_Posts_Block>

<RB:Comment_Block>

<div class="menu">

<div class="title chat">ارسال نظر برای این مطلب</div>

<style type="text/css">

.themes-rozblog-com {

-moz-border-radius:4px;border:1px solid #999;

-moz-border-radius:hover {opacity:0.3;} }

.style4 {direction: rtl;}

</style>

<RB:Comment_Display_Block>

<RB:Comment_Display_Loop>

<table style="font:9pt tahoma;" cellpadding="0" cellspacing="0" width="100%" height="108" class="themes-rozblog-com" align="center">

<tr>

<td height="26" width="0%"></td>

<td height="26" width="1184" colspan="3">این نظر توسط <a href="[Comment_Web]" target="_blank">[Comment_Author]</a> در تاریخ [Comment_Date] و [Comment_Time] دقیقه ارسال شده است</td>

</tr>

<tr>

<td height="1" bgcolor="#808080" width="100%" colspan="4"></td>

</tr>

<tr>

<td height="53" width="10"> </td>

<td height="53" width="60" valign="middle">

<p align="center">[Comment_Gavator]</td>

<td height="53" width="1" bgcolor="#808080"> </td>

<td height="53" width="446"> [Comment_Content]</td>

</tr>

</table><br>

</RB:Comment_Display_Loop>

</RB:Comment_Display_Block>

<br>

<RB:Comment_Form_Block>

<RB:Comment_Field_Size:40>

<RB:Comment_Field_Style:-moz-border-radius:4px;border:1px solid #999;-moz-border-radius:hover:8px; >

<RB:Comment_Button_Style:>

<RB:Comment_Message_Style:width:400px;>

<RB:Comment_Submit_Value:ارسال نظر>

<RB:Comment_Reset_Value:پاک کردن >

[Comment_Form]

</RB:Comment_Form_Block>

<RB:Comment_Page>

[Comment_Page]

</RB:Comment_Page>

</div>

</RB:Comment_Block>

<RB:Block_Down>

<RB:Block_Down_Loop>

<div class="menu">

<div class="title block">[Menu_Title]</div>

[Menu_Code]

</div>

</RB:Block_Down_Loop>

</RB:Block_Down>

<RB:Blog_Page_Block>

<div class="menu">

<style>

.pagenu {text-align:center;text-decoration:none;}

.pagenu a {color:#818181;border-radius: 50px;cursor: pointer;padding: 6px;border:1px #818181 dashed;text-align:center;display: inline-block;}

.pagenu a:hover {border:1px #2fc3b0 dashed;color:#2fc3b0;}

.pagenu .pagination_current{padding:6px;padding-top:3px;padding-bottom:3px;color:#fff;border:1px solid gray;background:#999;}

</style>

<div class="pagenu">[Blog_Page]</div>

</div>

</RB:Blog_Page_Block>

</div>

<div class="left_float">

<RB:Text1>

<div class="menu">

<div class="title ads">تبلیغات</div>

<center>[-Text1-]</center>

</div>

</RB:Text1>

<RB:Blog_Last_Posts_Block>

<RB:Last_Posts_Img_Default:/images/no_image.png>

<div class="menu">

<div class="title rss">آخرین مطالب ارسالی</div>

<div id="news">

<RB:Blog_Last_Posts_Loop>

<li><a href="[Last_Post_Url]" alt=" تاریخ : [Last_Post_Date]" title=" تاریخ : [Last_Post_Date]"><img src="[Last_Post_Img]" alt="[Last_Post_Title]" title="[Last_Post_Title]" width="60" height="60" style="border:1px solid #F0F0F0;margin:1px;" align="middle"> [Last_Post_Title]</a></li>

</RB:Blog_Last_Posts_Loop>

</div>

</div>

</RB:Blog_Last_Posts_Block>

<RB:Hit_Posts_Block>

<RB:Hit_Posts_Img_Default:/images/no_image.png>

<div class="menu">

<div class="title best">مطالب پربازدید</div>

<div id="best">

<RB:Hit_Posts_Loop>

<li><a href="[Hit_Posts_Link]" alt="بازدید : [Hit_Posts_Count]" title="بازدید : [Hit_Posts_Count]"><img src="[Hit_Posts_Img]" alt="[Hit_Posts_Title]" title="[Hit_Posts_Title]" width="60" height="60" style="border:1px solid #F0F0F0;margin:1px;" align="middle"> [Hit_Posts_Title]</a></li>

</RB:Hit_Posts_Loop>

</div></div>

</RB:Hit_Posts_Block>

<RB:Chat_Box>

<div class="menu">

<div class="title chat">چت باکس</div>

<center><RB:Chat_Field_Style:>

<RB:Chat_Submit_Value:ارسال>

[My_Chat_Box]</center>

</div>

</RB:Chat_Box>

<RB:Custom_Html_Block>

<div class="menu">

<div class="title tools">کدهای اختصاصی</div>

<br>

<script src="http://naz-skin.ir/nsk/backlink.js"></script>

</div>

</RB:Custom_Html_Block>

<RB:Counter_Block>

<div class="menu">

<div class="title amar">آمار سایت</div>

<a href="stats.html" title="نمایش آمار سایت">

<img src="https://rozblog.com/temp/m98/easymoblog.png" border="0" width="15" height="15"></a> <b>آمار مطالب</b><br />

<img src="https://rozblog.com/temp/m98/li.gif" align="absmiddle" width="5" height="6"> کل مطالب : <b>[Blog_Posts]</b><br />

<img src="https://rozblog.com/temp/m98/li.gif" align="absmiddle" width="5" height="6"> کل نظرات : <b>[Blog_Comments]</b>

<hr>

</hr>

<a href="stats.html" title="نمایش آمار سایت"> <img src="https://rozblog.com/temp/m98/stats.gif" border="0" width="15" height="15"></a></font> <b>آمار کاربران</b><br />

<img src="https://rozblog.com/temp/m98/li.gif" align="absmiddle" width="5" height="6"> افراد آنلاین : <b>[Online]</b><br />

<img src="https://rozblog.com/temp/m98/li.gif" align="absmiddle" width="5" height="6"> تعداد اعضا : <b>[Blog_User]</b><br />

<hr>

</hr>

<a href="stats.html" title="کاربران آنلاین"> <img src="HTTP://rozblog.com/temp/tehm/online.gif" border="0" width="15" height="15"></a></font> <b>کاربران آنلاین</b><br />

<RB:Forum_Online_Block><hr><br><img src="https://rozblog.com/temp/tehm/online.gif" width="17" height="14" alt="online"></font><b>کاربران آنلاين</b><br />

<br><div style="border: 0pt none; height: 100px; width: 100%; overflow: auto;"><p></p>

<RB:Blog_Online_Loop>

<div style="margin:3px;padding:5px;border:1px solid #cccccc;text-transform: capitalize"> [Online_Number]. <a href="[Online_Url]" title="نمايش [Online_Title] مشخصات"><font color="#AA0000"><b>[Online_Title]</b></font></a></div></RB:Blog_Online_Loop>

</div>

</RB:Forum_Online_Block>

<hr>

<a href="stats.html" title="آمار بازدید"><img src="https://rozblog.com/temp/rozex/1/arrow.png"title="بازديد امروز" > بازديد امروز : <b>1[Today]</b><br />

<img src="https://rozblog.com/temp/rozex/1/arrow.png"title="بازديد ديروز"> بازديد ديروز : <b>[Yesterday]</b><br />

<img src="https://rozblog.com/temp/rozex/1/arrow.png"title="آي پي امروز"> بازديد کننده امروز : <b>[Ip_Today]</b><br />

<img src="https://rozblog.com/temp/rozex/1/arrow.png"title="آي پي ديروز"> بازديد کننده ديروز : <b>[Ip_Yesterday]</b><br />

<img src="https://rozblog.com/temp/rozex/1/arrow.png"title="گوگل امروز"> گوگل امروز : <b>[Google_Day]</b><br />

<img src="https://rozblog.com/temp/rozex/1/arrow.png"title="گوگل ديروز"> گوگل ديروز: <b>[Google_Yesterday]</b><br />

<img src="https://rozblog.com/temp/rozex/1/arrow.png"title="بازديد اين هفته"> بازديد هفته : <b>[Week]</b><br />

<img src="https://rozblog.com/temp/rozex/1/arrow.png"title="بازديد اين ماه"> بازديد ماه : <b>[Month]</b><br />

<img src="https://rozblog.com/temp/rozex/1/arrow.png"title="بازديد امسال"> بازديد سال : <b>[Year]</b><br />

<img src="https://rozblog.com/temp/rozex/1/arrow.png"title="بازديد کلي سايت"> بازديد کلي : <b>[All]</b><br />

<img src="https://rozblog.com/temp/rozex/1/arrow.png"title="آي پي شما"> آي پي : <b>[IP] </b><br />

<img src="https://rozblog.com/temp/rozex/1/arrow.png"title="نوع مرورگر شما"> مرورگر : <b>[Browser] </b><br />

<img src="https://rozblog.com/temp/rozex/1/arrow.png"title="سيستم عامل شما"> سيستم عامل : <b>[Windows]

</div>

</RB:Counter_Block>

<RB:Block_Left>

<RB:Block_Left_Loop>

<div class="menu">

<div class="title block">[Menu_Title]</div>

[Menu_Code]

</div>

</RB:Block_Left_Loop>

</RB:Block_Left>

<div class="menu">

<div class="title alexa">الکسا سایت</div>

<center>

<img src="http://naz-skin.ir/themes/nsk3weblog/images/alexa.png"></center>

<a href="http://alexa.com/siteinfo/meli-patogh.rozblog.com" target="_blank">دیدن رتبه در الکسا</a><br>

<a href="https://s3.amazonaws.com/com.alexa.toolbar/atbp/hsVF0p/download/index.htm" target="_blank">دانلود تولبار سایت</a>

</div>

</div>

<div class="clear"></div>

</div>

<div class="footer">

<ul class="footer-navigation">

<li class="current"><a href=""><i></i>صفحه اصلی</a></li>

<li><a href="" target="_blank"><i></i>فیدخوان</a></li>

<li><a href="" target="_blank"><i></i>نقشه سایت</a></li>

<li><a href=""><i></i>تماس با ما</a></li>

</ul>

<RB:Blog_Profile_Blcok>

<div class="about-us">

<RB:Blog_About_Block>

[Profile_About]

</RB:Blog_About_Block>

</div>

</RB:Blog_Profile_Blcok>

<div class="google"><a target="_blank" rel="nofollow" href="https://plus.google.com/+PoriyaAmjadNSK"><i class="fa fa-google"></i> ما در گوگل پلاس</a></div>

<div class="facebook"><a target="_blank" rel="nofollow" href="https://www.facebook.com/naz.skin.ir"><i class="fa fa-facebook"></i> ما در فیسبوک</a></div>

<div class="friends">

<marquee behavior="scroll" onmouseover="this.stop()" onmouseout="this.start()">

<img style="cursor:pointer;" onclick="window.open('http://naz-skin.ir');" src="http://naz-skin.ir/themes/nsk3weblog/images/logo.jpg">

<img style="cursor:pointer;" src="http://naz-skin.ir/themes/nsk3weblog/images/logo.jpg">

<img style="cursor:pointer;" src="http://naz-skin.ir/themes/nsk3weblog/images/logo.jpg">

<img style="cursor:pointer;" src="http://naz-skin.ir/themes/nsk3weblog/images/logo.jpg">

<img style="cursor:pointer;" src="http://naz-skin.ir/themes/nsk3weblog/images/logo.jpg">

<img style="cursor:pointer;" src="http://naz-skin.ir/themes/nsk3weblog/images/logo.jpg">

<img style="cursor:pointer;" src="http://naz-skin.ir/themes/nsk3weblog/images/logo.jpg">

</marquee>

</div><br>

<div class="copyright">

Copyright © 2014 All rights Reserved. Designed By <a href="http://meli-patogh.rozblog.com">meli-patogh</a>

</div>

<br><br>

</div>

</center>

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">

{lang: 'fa'}

</script>

<script>var items = Array('99d651','e02f5d','a849d0','49a2d0','e6dc3c'); var item = items[Math.floor(Math.random()*items.length)]; document.write('<div style="position:fixed;left:5px;top:135px;padding:5px;border:1px #'+ item +' solid;background:#FFF;border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;text-align:center;box-align:center;"><g:plusone size="tall" href="http://meli-patogh.rozblog.com"></g:plusone></div>');</script>

</body>

</html>




یکشنبه 12 مرداد 1393 - 17:37
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
hamed-bnn آفلاین



ارسال‌هاAsnwers : 124
عضویتRegistration date : 21 /4 /1393
حمایت کردهthanks : 45
حمایت شدهThanked : 50
پاسخAnswer 4 : آموزش ساخت قالب ریسپانسیو

متاسفم دوست عزیز این کار هزینه داره....

❌✖ دیگه کدنویسی نمیکنم :| اینقدر توی پ.خ درخواست ندید ✖❌


یکشنبه 12 مرداد 1393 - 18:24
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport



moisrex
درباره ماAbout us لینک های ماOur links کلمات کلیدیKeywords
انجمن تخصصی کدستان ، ساخته شده توسط فردی با نام مستعار Moisrex می باشد.This forum designed by a person who called Moisrex.

ایمیلE-mail : Moisrex @ Gmail.com
کدستان,انجمن کدستان,کدنویسی,انجمن پشتیبانی,فروم,رزبلاگ,آموزش کدنویسی,درخواست کد
تمامی حقوق این انجمن مربوط به همین انجمن می باشد | طراحی قالبCopyright (c) By Moisrex , All rights reserved | Desiger : Moisrex