Inne Slideshow

wersja skryptu MyBB:1.6.x
adres forum:KLIK
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Nie wiem gdzie mam co wkleić.

Chciałbym na strone wstawić ten slider - Klik

Noi chciałbym, żeby to wyglądało mniej więcej tak:


Zamiast tego "banner" miało być "slider" ale coś mi się pomieszało.

To co jest na czerwono zaznaczone chciałbym znieść trochę niżej a zamiast tego wstawić właśnie ten slider. Wiem, że chyba się to robi w "header".

To "header" z mojego szablonu:

<div class="page" id="page">
<a name="top" id="top"></a>
    <div id="header">
    <span class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></span>
        <div id="panel" class="menu"><ul>
<li><a href="{$mybb->settings['bburl']}/portal.php">Portal</a></li>
<li><a href="{$mybb->settings['bburl']}/index.php">Forum</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php">{$lang->toplinks_memberlist}</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help">{$lang->toplinks_help}</a></li>
<li><a href="{$mybb->settings['bburl']}/calendar.php">{$lang->toplinks_calendar}</a></li>
<li><a href="#">{$lang->toplinks_search}</a>
<ul>
<li><a href="{$mybb->settings['bburl']}/search.php">Advanced search</a></li>
<li><a href="{$mybb->settings['bburl']}/search.php?action=getnew">{$lang->welcome_newposts}</a></li>
<li><a href="{$mybb->settings['bburl']}/search.php?action=getdaily">{$lang->welcome_todaysposts}</a></li>
</ul></li>{$welcomeblock}
</ul>
</div>


<span class="tools">
<a href="#" id="separator" style="width: auto; height:auto;">
<img src="{$theme['imgdir']}/tools_sidebar.png" alt="sidebar" title="collapse / expand sidebar"/>
</a>
<a href="#" id="toggler">
<img src="{$theme['imgdir']}/tools_change_bg.png" alt="change background" title="change background image"/>
</a>
<a class="changewidth original" href="#" title="switch to fixed page width">page</a>
<a class="changewidth wide" href="#" title="switch to full page width">page_wide</a>
<a href="#" title="toggle text and links color" id="textchange"><img src="{$theme['imgdir']}/tools_textcolor.png" alt="text color" /></a>
</span>

</div>

<div id="container" class="forum_sidebar sidebar_right">



        <br class="clear" />
        <div id="content">
            {$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
            {$pending_joinrequests}
            <navigation>
            <br /> 


A to co podali to kompletnie nie mam pojęcia gdzie wstawić:

<script type="text/javascript">
    $(document).ready(function() {
        $('#coin-slider').coinslider();
    });
</script> 


I do wstawienia były 3 pliki:
coin-slider-styles.css - Wstawiłem to do /styles
coin-slider.js - Wstawiłem to do /jscripts
coin-slider.min.js - Wstawiłem to do /jscripts

Dobrze to wrzuciłem? Bo nigdzie nie napisali gdzie i jak.

Oprócz tego mam pytanie jak potem ustawiać nowe slajdy itd? Chyba, że to już się będzie obsługiwało samym slideshow'em a nie skryptami. No to wtedy raczej nie ma czego opisywać...

To tyle, z góry dzięki

<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript" src="coin-slider.min.js"></script>
<link rel="stylesheet" href="coin-slider-styles.css" type="text/css" />

TU masz ścieżki plików więc po co wrzuciłeś do katalogu jscipts i styles?
Skoro już tak zrobiłeś to ustaw prawidłowe ścieżki.

To:

<script type="text/javascript">
    $(document).ready(function() {
        $('#coin-slider').coinslider();
    });
</script>

wrzucasz do headerinclude

Reszta kodu tam gdzie chcesz żeby był slider. Nie wiem gdzie jest ta rekrutacja bo nie widzę tego w header, pewnie jest w index

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

To wykasuj, bo pewnie masz dodaną już bibliotekę w headerinclude.

---

Ten kod:

<div id='coin-slider'>
    <a href="img01_url" target="_blank">
        <img src='img01.jpg' >
        <span>
            Description for img01
        </span>
    </a>
    ......
    ......
    <a href="imgN_url">
        <img src='imgN.jpg' >
        <span>
            Description for imgN
        </span>
    </a>
</div>

wstawiasz tam gdzie chcesz mieć slider. Oczywiście trzeba go zmodyfikować i ustawić ścieżkę do obrazków, nazwy... itd

Pokazałem na obrazku gdzie chcę to wstawić właśnie dlatego, że nie mam kompletnie pojęcia w jakie miejsce mam to wrzucić żeby slider był w tym miejscu :/

Noi nic z tej ścieżki plików nie rozumiem.

A w tym headerinclude to gdzie mam to wstawić?

W headerinclude na końcu możesz.

Slider idzie do index (pokaż ten szablon)

Przykładowa ścieżka. Jeśli wrzuciłeś plik coin-slider.min.js do katalogu jscripts
to ścieżka musi wyglądać tak

<script type="text/javascript" src="jscipts/coin-slider.min.js"></script>

itd..

---

Nie wiem gdzie masz obrazki, w jakim katalogu.

Index:

<html>
<head>
<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
<script type="text/javascript">
<!--
    lang.no_new_posts = "{$lang->no_new_posts}";
    lang.click_mark_read = "{$lang->click_mark_read}";
// -->
</script>
</head>
<body>
{$header}

<div>

          

      <div class="forumoutline">

                 <div class="forum">

                {$forums}


<div align="center">

    <a href="{$mybb->settings['bburl']}/misc.php?action=markread&amp;my_post_key={$mybb->post_code}">{$lang->markread}</a> | <a href="{$mybb->settings['bburl']}/showteam.php">{$lang->forumteam}</a>

</div>
<br />
                              {$boardstats}

                 </div>

      </div>




<div id="sidebar">

   




<!--First block -->

<div class="tborder">
<div class="thead"><strong>Box title</strong></div>
<div class="tcat cell-padding">Box description</div>
<div class="trow1 cell-padding" align="center">

<img src="{$theme['imgdir']}/box_content.png" alt="content" />


</div>
</div>


<!--First block-->

<br />

<!--Second block -->
<div class="tborder">
<div class="thead"><strong>Box title</strong></div>
<div class="tcat cell-padding">Box description</div>
<div class="trow1 cell-padding" align="center">

<img src="{$theme['imgdir']}/box_content.png" alt="content" />

</div>
</div>

<!--Second block-->



</div>


</div>


    





<br class="clear" />

{$footer}
</body>
</html> 


A ścieżke to gdzie mam wstawić?

a obrazki no to: /images/slider

Jak zrobić taki slider? Co potrzebuje do edycji? - Post #227741

To:

script type="text/javascript">
    $(document).ready(function() {
        $('#coin-slider').coinslider();
    });
</script> 


zamień na:"

script type="text/javascript">
    jQuery(document).ready(function() {
        jQuery('#coin-slider').coinslider();
    });
</script> 


Chodzi mi raczej o to między jakie linijki mam to wstawić... bo nie mam kompletnie pojęcia co jest czym.

Np. pod {$header}