Webboard

Pełna wersja: Slideshow
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
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:
[Obrazek: 21b3vk2.jpg]

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:

Kod PHP:
<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>
<
class="changewidth original" href="#" title="switch to fixed page width">page</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ć:

Kod PHP:
<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 :)
Kod:
<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:
Kod:
<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

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

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

Ten kod:
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
Kod:
<script type="text/javascript" src="jscipts/coin-slider.min.js"></script>
itd..

Nie wiem gdzie masz obrazki, w jakim katalogu.
Index:

Kod PHP:
<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:
Kod PHP:
script type="text/javascript">
    $(
document).ready(function() {
        $(
'#coin-slider').coinslider();
    });
</
script
zamień na:"
Kod PHP:
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}