رفتن به مطلب

reazah

عضو سایت
  • تعداد ارسال‌ها

    311
  • تاریخ عضویت

  • آخرین بازدید

نوشته‌ها ارسال شده توسط reazah

  1. شما اين سرچ و ببينيد مي خوام وقتي روي دكمه سرچ كليك ميكني كادر متن جستجو باز بشه(قسمتي كه نوشته بگرد)

    درحالت پيش فرض كادر متن جستجو بسته باشه وقتي روي دكمه سرچ كليك مي كني باز بشه

    و وقتي ام كه باز ميشه هاور شدن كادر متن جستجو مثل هاوري باشه كه در سي اس اس تعريف كرديم

    34297828478491039655.jpg

  2. شبتون خوش

    براي قسمت سرچ

    چطوري در جاوا اسكريپ تابعي تعريف كنيم كه وقتي روي دكمه سرچ كليك مي كنيم قسمت txt باز بشه به صورتي باز بشه كه در حالت hover در css براي txt مشخص كرديم ؟؟

    hover كدش و در css غير فعال كنيم ولي با جاوا اسكريپت hover تكست و با كليد بروي دكمه سرچ فراخواني كنيم؟

    لطفا كدش و بنويسيد

    ممنون

  3. ممنون اگه بشه كه فوق العادست

    من داشتم اين قسمت و انجام مي دادم Set it to Arial or any other font that supports Arabic.

    تا فونت arial و زدم و سيو كردم ارور داد بستم و دو باره باز كردم بازم ارور داد و هرچيم نصب ميكنم پاك ميكنم ورژن دوش ارور ميده

    40338861238455357507.jpg



  4. <form action=”http://www.google.com/search” method=”get”>
    <img src=”http://www.google.com/logos/Logo_40wht.gif” alt=”Google/” border=”0″>
    <input maxlength=”255″ name=”q” size=”15″>
    <input name=”btnG” value=”Search” type=”submit”>
    <input name=”sitesearch” checked=”checked” value=”yoursite” type=”radio”>در این وبلاگ
    <input name=”sitesearch” type=”radio”>در کل اینترنت
    <input name=”ie” value=”UTF-8/” type=”hidden”>
    <input name=”oe” value=”UTF-8/” type=”hidden”>
    <a href=”http://www.pakbaz.ir/” target=”_blank”>کد جستجوگر گوگل</a>
    </form>

    سفارش سازي www.google.com/cse

    مثل اين سايت

    *****************

    استايلشم با اين افزونه فاير فاكس

    http://getfirebug.com/

    • امتیاز 2
  5. سلام

    خطوط راهنما ي كد در دريم ويور چطوري فعال كنيم ؟ اصلا اين امكان هست؟

    در دريم ويور چطور كلاس و ايدي خاصي و سرچ كنيم؟

    Sublime Text 3 اين ويرايشگر قرار بود در نسخه سه از عربي و فارسي پشتيباني كنه كه هنوز با وجود اومدن نسخه سه پشتياني نميشه

    ايا راهي هست كاري كنيم كه از زبان فارسي پشتيباني كنه ؟

    نزديكترين ويرايشگر شبيه به Sublime چيه كه از فارسي پشتيباني كنه ؟

    -----------------------------

    دوستان عزيز لطف لينك ندين

    ممنون

  6. سوال و بد پرسيدم منظورم قالب واكنش گرا نبود

    منظورم طراحي تختي بود كه از صد در صد صفحه استفاده كنيم

    يا اصلا بدون طراحي تخت چطور از صددرصد عرض پيج استفاده كنيم چطور عرض سايت و استايل بندي كنيم مثل وقتي بخواهيم يك قالب چهار ستونه با عرض صد درصد بزنيم

    و برا مين عرض 960 يا 1024 تعيين نكنيم عرض سايت صددرصد باشه

  7. سلام

    دوستان ميشه اطلاعاتي و تجربياتي كه در ارتباط با طراحی تخت Flat Design داريد بيان كنيد

    نوع استايل دهي عرض صفحه به چه شكل هست

    اگر بخواهيم از صد درصد عرض صفحه استفاده كنيم چطور عرض و تعيين كنيم كه اكثرا درصدي هستش اما مهم اينكه در همه سايز ها نمايش داده ميشه

    منظور از طراحي تخت عناصر ي مثل مترو ويندوز هشت نيست استفاده درست از تمام عرض صفحه است

    عرض و چطور تعيين كنيم كه در تمامي دستگاه ها قابل رويت باشه

    با بزرگ شدن و كوچك شدن مانيتور صفحه به صورت تخت نمايش داده بشه و عناصر به هم نريزه

    و كلا هر اطلاعات مهمي كه در ارتباط با طراحی تخت Flat Design مورد نياز است

  8. 35453612053965138811.jpg

    ست كردن عكس,عنوان و محتوا به چه صورت هست به شكلي كه عنوان و محتوا روبه روي عكس قرار بگيره در سمت چپ و تصوير در ميانه ارتفاع

    قبلا اين كار با margin , position انجام مي دادم ولي نميدونم چرا الان نميشه


    <div class="li-news border-bottom">
    <img src="image/b11.jpg" height="120" width="120" />
    <a href="#"> <h2>عنوان</h2> </a>
    <a>
    يك متن ازمايشي براي تست متن در سايت
    </a>
    </div>


    .li-news
    {
    width:600x;
    padding:20px;
    height:120px;
    background:;
    }
    .border-bottom
    {
    background:url(../image/div_a.png) repeat-x scroll center bottom transparent;
    }
    .li-news a
    {
    text-decoration:none;
    }
    .li-news h2
    {
    color:#F00;
    font-size: 20px;
    }
    .li-news img
    {
    border:none;
    border-radius:2px;
    }

  9. تغيير روزانه پس زمينه سايت


    <style type="text/css">
    <!--
    .bodybg {
    <?php $dayforbackground=date('N'); ?>
    <?php if ($dayforbackground==1) { ?>background-color: #f7f8f2;<?php } ?>
    <?php if ($dayforbackground==2) { ?>background-color: #f5f9EC;<?php } ?>
    <?php if ($dayforbackground==3) { ?>background-color: #C4E4ED;<?php } ?>
    <?php if ($dayforbackground==4) { ?>background-color: #f7f8f2;<?php } ?>
    <?php if ($dayforbackground==5) { ?>background-color: #f5f9EC;<?php } ?>
    <?php if ($dayforbackground==6) { ?>background-color: #C4E4ED;<?php } ?>
    <?php if ($dayforbackground==7) { ?>background-color: #f7f8f2;<?php } ?>
    }
    -->
    </style>

    • امتیاز 4
  10. گرادینت CSS3 - فایرفاکس

    در این پست به شما نحوه استفاده درست از یک پس زمینه با گرادینت را تنها با استفاده از CSS نشان خواهیم داد.

    این امکان در حال حاضر در تمامی مرورگر ها در دسترس نیست اما رسما به عنوان بخشی خاصیت های CSS3 معرفی شده است و اکثر مرورگرهای جدید از این خاصیت پشتیبانی می کنند.


    #element {
    background: -moz-linear-gradient(top, #92989b, #2a2a2a);
    background: -webkit-gradient(linear, left top, left bottom, from(#92989b), to(#2a2a2a));
    FILTER: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#92989b, endColorstr=#2a2a2a);
    width:250px;
    height:90px;
    }

    همانطور که می دانید برای اکثر خواص css3 باید پیشوندهایی را تعریف کنیم.

    مرورگر فایرفاکس

    دو نوع گرادینت radial و linear داریم.


    background: -moz-linear-gradient(left, red, white);

    رنگ قرمز از سمت چپ آغاز می شود و در نهایت به رنگ سفید می رسد.


    background:-moz-linear-gradient(left top,red,white);

    این گرادینت از سمت چپ آغاز می شود این در حالی است که اکثر رنگ در بالا قرار دارد.


    background:-moz-linear-gradient(right 85deg, blue, white);
    background:-moz-linear-gradient(10deg,red,white);

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


    background:-moz-linear-gradient(top,white 80%,orange,blue);

    ColorStop درصد رنگ مورد نظر هست یا همان loction فوتوشاپ مانند کد فوق


    background: -moz-linear-gradient(left, red, orange, yellow, green, blue);

    مجموعه ای از رنگ ها را در بین کاما قرار می دهیم (رنگین کمان)


    background: -moz-linear-gradient(right, rgba(255,255,255,0), rgba(255,255,255,1)), url(/image/b12.jpg);

    با گذاشتن عکس با RGB لایه شفاف بسازید

    اما نوع دوم گرادینت در مرورگر فایرفاکس Radial



    background:-moz-radial-gradient(red 30%,yellow 25%,black 50%);

    خب الان دایره ای داریم با پس زمینه مشکی هسته این دایره قرمز رنگ و دور دایره قرمز رنگ, زرد است.


    background:-moz-repeating-linear-gradient(top left 30deg, red, blue 8px, white 5px, white 10px);

    به این صورت می توانیم رنگ ها را در گرادینت تکرار کنیم.


    background: -moz-repeating-radial-gradient(black, black 5px, white 5px, white 1

    مانند مثال بالا به صورت Radial تکرار خواهد شد.

    • امتیاز 7
×
×
  • اضافه کردن...