P30-ART


ارسال موضوع ارسال پاسخ
 
امتیاز موضوع:
  • 1 رأی - میانگین امتیازات: 3
  • 1
  • 2
  • 3
  • 4
  • 5
صفحه ورودی رزبلاگ
نویسنده پیام
کاربر قدیمی
**

ارسال‌ها: 27
تاریخ عضویت: اسفند 1392
اعتبار: 3
وضعیت : آفلاین
جنسیت:
سپاس ها 32
سپاس شده 23 بار در 11 ارسال
ارسال: #1
صفحه ورودی رزبلاگ
دوستان نظرتون چیه؟ اولین قالبی هست که ترجمه کردم تصویر: images/smilies/biggrin.gif


کد:
<!doctype html> $().ready(function() { $('#first').jMagnify(); }); <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1"> <title>ایران تمپ</title> <!-- Mobile Specific Metas --> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <link href='http://fonts.googleapis.com/css?family=Exo+2:400,100,200,200italic,300,300italic,400italic,500,600,500italic​​​,600italic,700,800,700italic,800italic,900,900italic' rel='stylesheet' type='text/css'> <!-- fix for IE10 ajax problem --> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" > <meta http-equiv="x-ua-compatible" content="IE=9"> <style> html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } a, a:hover, a:focus { border: 0; outline: 0; } body{ height: 100%; width: 100%; } #sidebar,#contents{ height: 100%; min-height: 500px; position: absolute; top:0; bottom: 0; overflow: auto; padding: 0; margin:0; } #sidebar{ left:0; width:25%; background-color: #F7F7F7; } .sb-inner{ text-align: center; height: 160px; position: absolute; width: 100%; top: 50%; left: 0; margin-top: -80px; } .sb-inner h1{ font-family: 'Exo 2', Helvetica, Arial, sans-serif; font-weight: 300; color:#272822; font-size: 25px; margin-top: 10px; } #contents{ right:0; width:75%; background-color: #272822; } #right,#left{ height: 100%; position: absolute; width:50%; text-align: center; cursor:pointer; display: block; } #left{left:0;} #right{right:0;background-color: #2e2f28;} .con-inner{ height: 400px; position: absolute; top:50%; margin-top: -200px; text-align: center; width: 80%; left:10%; } img{ max-width: 90%; } #contents h2{ font-family: 'Exo 2', Helvetica, Arial, sans-serif; font-weight: 500; color:#1BDFD5; font-size: 35px; margin-top: 10px; } #contents ul{ list-style: none; font-family: 'Exo 2', Helvetica, Arial, sans-serif; font-weight: 500; color:#e6e6e6; margin-top:10px; } @media (max-width: 480px) { body{overflow: hidden;} #right,#left{width:50% !important;} #sidebar { left: 0; width: 100%; background-color: #e6e6e6; height: 120px; min-height: 120px; z-index: 3; overflow: hidden; } #sidebar img{width:50px;} .sb-inner {margin-top:-50px;} #contents{width: 100%;overflow: hidden;} .con-inner{top:65%;} } </style> </head> <body> <div id='sidebar'> <div class="sb-inner"> <img src="http://www.ir-temp.ir/wp-content/uploads/logo1.png"> <h1></h1> </div> </div> <div id='contents'> <a id="left" href="boxed/index.html" target="_blank"> <div class="con-inner"> <img <img src="http://upload7.ir/imgs/2014-03/41753950156582874088.png" alt="ایران تمپ" border="1" height="500" width="500" align="right"> </div> </a> <a id="right" href="fullwidth/index.html" target="_blank"> <div class="con-inner"> <img src="http://upload7.ir/imgs/2014-03/79982485766619251001.png"alt="ایران تمپ" border="1" height="500"width="500" align="right"> <h2></h2> </div> </a> </div> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script> <script> (function () { $("#left,#right").on('mouseenter',function(){ TweenMax.to($(this),0.6,{width:"70%"}); TweenMax.to($(this).siblings(),0.6,{width:"30%"}); }); $("#sidebar").on("mouseenter",function(){ TweenMax.to($("#left,#right"),0.6,{width:"50%"}); }); }()); </script> </body> </html>
12-15-1392 06:24 ق.ظ
یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ
 سپاس شده توسط محمد.ص ، admin ، Amir Rezaei
مدیر بخش قالب
******

ارسال‌ها: 268
تاریخ عضویت: اسفند 1392
اعتبار: 58
وضعیت : غایب
جنسیت:
سپاس ها 271
سپاس شده 484 بار در 200 ارسال
ارسال: #2
RE: صفحه ورودی رزبلاگ
با مزه بود

ولی رزبلاگ هنوز قالب ورود رو نزاشته

برای اینکار میشه قالب ادامه مطلبو فعال کرد[تصویر:  biggrin.gif]

قالب های اختصاصی

برا بلــــــــــــــــــوگفا

با امکانات جالب

با هزینهتصویر: /images/smilies/sheklak/2 (47).gif
12-15-1392 06:48 ق.ظ
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ
 سپاس شده توسط Mr-ali
مدیر کل سایت
********

ارسال‌ها: 735
تاریخ عضویت: اسفند 1392
اعتبار: 55
وضعیت : آفلاین
جنسیت:
سپاس ها 1485
سپاس شده 1147 بار در 500 ارسال
ارسال: #3
RE: صفحه ورودی رزبلاگ
از این قالب نه تنها برای رزبلاگ بلکه برای تمامی سرویس ها میشه استفاده کرد. این یک قالب عمومی هست.
+ منتقل شد

به ایران تمپ خوش آمدید!
(آخرین ویرایش در این ارسال: 12-15-1392 04:56 ب.ظ، توسط admin.)
12-15-1392 04:53 ب.ظ
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ
 سپاس شده توسط Mr-ali
مدیر کل انجمن
********

ارسال‌ها: 634
تاریخ عضویت: اسفند 1392
اعتبار: 77
وضعیت : آفلاین
جنسیت:
سپاس ها 782
سپاس شده 1165 بار در 473 ارسال
ارسال: #4
RE: صفحه ورودی رزبلاگ
ممنون قالب زیباییه ولی مثلا" برای نوشتن سایت و انجمن می تونستی همون فونت رو با کیفیت بیشتری ذخیره کنی

12-15-1392 05:46 ب.ظ
یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ
 سپاس شده توسط Mr-ali
ارسال موضوع ارسال پاسخ


پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان