قراردادن کدها در قالب وردپرس

[minister]

سلام دوستان من میخواهم کدهایی که این سایت معرفی کرده در سایت وردپرسی ام قرار بدم و لینک دوستانم رو در صفحا اصلی به صورت متحرک استفاده کنم اما یاد ندارم میخواستم بدونم از دوستان کسی هست به من کمک کنه ؟
چطور این کد رو قرار بدم و کجای قالب

 

[axarsu]

سلام دوست عزیز
یه سایتی هست که تقریباً میشه گفت در زمینه طراحی وب و HTML5 و CSS3 و Jacascript خیلی کامله
هرچند این سایت همه نو آموزشی توش هست ولی فیلم های مربوط به طراحی وبش یه چیز دیگس
توصیه می کنم حتماً این فیلم ها رو که به زبان فارسی هم هستن دانلود کنید و ببینید
اینم آدرسشه :
آزاد دانلود - مرکز دانلود فیلم و کتاب های آموزشی رایگان
موفق باشید

 

[mahdavi1456]

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

<link href="css/amazon_scroller.css" rel="stylesheet" type="text/css"></link><script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/amazon_scroller.js"></script>

بعد ساختارش رو تو html تشکیل بدی. به صورت زیر:

   <div id="amazon_scroller" class="amazon_scroller">
            <div class="amazon_scroller_mask">
                <ul>
                    <li><a href="link1" title="title1"><img src="images/scroller_large_1.jpg" width="60" height="60" alt="title"/></a></li>
                    <li><a href="link2" title="title2"><img src="images/scroller_large_2.jpg" width="60" height="60" alt="title"/></a></li>
                    <li><a href="link3" title="title3"><img src="images/scroller_large_3.jpg" width="60" height="60" alt="title"/></a></li>
                    <li><a href="link4" title="title4"><img src="images/scroller_large_4.jpg" width="60" height="60" alt="title"/></a></li>
                    <li><a href="link1" title="title5"><img src="images/scroller_large_1.jpg" width="60" height="60" alt="title"/></a></li>
                    <li><a href="link2" title="title6"><img src="images/scroller_large_2.jpg" width="60" height="60" alt="title"/></a></li>
                    <li><a href="link3" title="title7"><img src="images/scroller_large_3.jpg" width="60" height="60" alt="title"/></a></li>
                    <li><a href="link4" title="title8"><img src="images/scroller_large_4.jpg" width="60" height="60" alt="title"/></a></li>
                </ul>
            </div>
            <ul class="amazon_scroller_nav">
                <li></li>
                <li></li>
            </ul>
            <div style="clear: both"></div>
        </div>

تنها چیزی که می مونه استارت زدن اسکریپته! دستور زیر رو هم تو تگ head استفاده کنید دیگه کار تمومه.

$("#amazon_scroller3").amazon_scroller({
                    scroller_title_show: 'enable',//enable  disable  
                    scroller_time_interval: '3000',
                    scroller_window_background_color: "#FFF",
                    scroller_window_padding: '10',
                    scroller_border_size: '2',
                    scroller_border_color: '#CCC',
                    scroller_images_width: '80',
                    scroller_images_height: '60',
                    scroller_title_size: '11',
                    scroller_title_color: '#000',
                    scroller_show_count: '3',
                    directory: 'images'
                });

نکته: چون رو وردپرس داره استفاده میشه به آدرس ها دقت کنید. برای dynamic کردن آدرس های وردپرس دستور زیر رو اول مسیر استفاده کنید. به صورت زیر:​

<?php echo get_template_directory_uri(); ?>/js/amazon_scroller.js

 

[poyaweb]

Css تون داخلی هست؟هیچ نشونه ای از داخلی یا خارجی بودنش نیست؟!!