رفتن به مطلب

SM-Mahdavi

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

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

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

  • روز های برد

    88

نوشته‌ها ارسال شده توسط SM-Mahdavi

  1. iframe که کلا استفاده نکنید بهتره! چون لود سایت رو فوق العاده میاره پایین. برای سئو هم فکر می کنم ضرر داشته باشه. چون لینک داره از یه سایت دیگه میاد. یه راه که وجود داره leacher هست که اونم هاستینگ بهتون گیر میده. بهترین روش به نظر من اینه که رو سرور خودتون آپلود کنید.

  2. این اسمش Tooltip هست. با CSS و CSS JQuery می تونید ایجادش کنید. تو گوگل که جستجو کنید نمونه های آماده زیادی میاره. منم یه نمونه ساده الان براتون می زارم

    کد HTML


    <a href="#" class="tooltip">
    Tooltip
    <span>
    <img class="callout" src="src/callout_black.gif" />
    <strong>Most Light-weight Tooltip</strong><br />
    This is the easy-to-use Tooltip driven purely by CSS.
    </span>
    </a>
    <a href="#" class="tooltip">
    <img src="../img/demo/css-tooltip-image.gif" />
    <span>
    <img class="callout" src="src/callout_black.gif" />
    <strong>CSS only Tooltip</strong><br />
    <img src="../img/demo/css-tooltip-image.gif" style="float:right;" />
    Pure CSS popup tooltips with clean semantic XHTML.
    </span>
    </a>

    کد CSS


    a.tooltip {outline:none; }
    a.tooltip strong {line-height:30px;}
    a.tooltip:hover {text-decoration:none;}
    a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:60px; margin-left:-160px;
    width:240px; line-height:16px;
    }
    a.tooltip:hover span{
    display:inline; position:absolute;
    border:2px solid #FFF; color:#EEE;
    background:#000 url(src/css-tooltip-gradient-bg.png) repeat-x 0 0;
    }
    .callout {z-index:20;position:absolute;border:0;top:-14px;left:120px;}

    /*CSS3 extras*/
    a.tooltip span
    {
    border-radius:2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;

    -moz-box-shadow: 0px 0px 8px 4px #666;
    -webkit-box-shadow: 0px 0px 8px 4px #666;
    box-shadow: 0px 0px 8px 4px #666;
    opacity: 0.8;
    }

    • امتیاز 2

  3. add_theme_support('post-thumbnails');
    add_image_size( 'large', 700, '', true ); // Large Thumbnail
    add_image_size( 'medium', 250, '', true ); // Medium Thumbnail
    add_image_size( 'small', 120, '', true ); // Small Thumbnail
    add_image_size( 'custom-size', 100, 100, true ); // Custom Thumbnail Size call using the_post_thumbnail('custom-size');

    تو فایل functions دنبال یه همچین کدی بگردید

    • امتیاز 3
  4. اول استایلش رو لینک داده:


    <link rel="stylesheet" href="style.css" type="text/css" />


    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/mocha.js"></script>

    با این دو تا دستور هم فایل های جی کوئری رو اتصال داده. شما بهتره اینا رو تو تگ head بزاری.

    محتویات پوشه demo رو هم که کپی کنید دیگه مشکلی نباید باشه.

    اینم نمونه کد که تو صفحه اصلی استفاده شده:


    <div id="container">
    <h1>Create a simple iTunes-esque slider with jQuery</h1>
    <div>by Siddharth for the lovely folks at Net Tuts</div>
    <p>A simple slider/slideshow which mostly emulates the one on iTunes barring a few changes. Click the down button to cycle the images.</p>

    <div id="gallery">
    <img src="img/1.jpg" />
    <img src="img/2.jpg" />
    <img src="img/3.jpg" />
    <img src="img/4.jpg" />
    <img src="img/5.jpg" />
    <img src="img/6.jpg" />
    </div>

    <div id="thumbs">
    <img src="img/11.jpg" />
    <img src="img/22.jpg" />
    <img src="img/33.jpg" />
    <img src="img/44.jpg" />
    <img src="img/55.jpg" />
    <img src="img/66.jpg" />
    </div>

    <a href="#" id="next"></a>
    </div>

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