Webboard

Pełna wersja: Po dodaniu slideru - zajmuje cały header.
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB: 1.8.3
adres forum: www.cs-sonic.xaa.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Wgralem sobie Slider ale nie wiem co jest bo on mi zaja header czy mozna go jakos ustawic w prawym rogu ?



To wgralem do header

Kod PHP:
<div id="slides">


                       <
div id="wrapper">

       <
div class="slider-wrapper theme-default">
           <
div id="slider" class="nivoSlider">
               <
img src="images/toystory.jpg" data-thumb="images/toystory.jpg" alt="" />
               <
a href="http://dev7studios.com"><img src="images/up.jpg" data-thumb="images/up.jpg" alt="" title="This is an example of a caption" /></a>
               <
img src="images/walle.jpg" data-thumb="images/walle.jpg" alt="" data-transition="slideInLeft" />
               <
img src="images/nemo.jpg" data-thumb="images/nemo.jpg" alt="" title="#htmlcaption" />
           </
div>
           <
div id="htmlcaption" class="nivo-html-caption">
               <
strong>This</strongis an example of a <em>HTML</emcaption with <a href="#">a link</a>.
           </
div>
       </
div>

   </
div>
   <
script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
   <
script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
   <
script type="text/javascript">
   $(
window).load(function() {
       $(
'#slider').nivoSlider();
   });
   </
script

A to do headerinclude

Kod PHP:
<link rel="stylesheet" href="themes/default/default.css" type="text/css" media="screen" />
   <
link rel="stylesheet" href="themes/light/light.css" type="text/css" media="screen" />
   <
link rel="stylesheet" href="themes/dark/dark.css" type="text/css" media="screen" />
   <
link rel="stylesheet" href="themes/bar/bar.css" type="text/css" media="screen" />
   <
link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" /> 


oraz te pliki wgralem do public_html
Dziwisz się, że nie wychodzi, skoro wklejasz bezmyślnie kody, gdzie Ci pasuje, to skutki będą niezadowalające...
Powyższy kod wklej na koniec <div> z id header; no i JS z tego wklej w <head>, pozbądź się też tutaj ładowanej biblioteki jQuery.
sorry ze tak spamie ale

Cytat:Powyższy kod wklej na koniec <div> z id header; no i JS z tego wklej w <head>, pozbądź się też tutaj ładowanej biblioteki jQuery.

Który kod i gdzie mam dac bo jaks nie moge tego pojąć
Kod, który podałeś wyżej masz umieścić za zakończeniem div-a z id header. Na końcu <div id="header"> ....</div>.
dodalem to ale to jest tak samo

headerinclude

Kod PHP:
<link rel="alternate" type="application/rss+xml" title="{$lang->latest_threads} (RSS 2.0)" href="{$mybb->settings['bburl']}/syndication.php" />
<
link rel="alternate" type="application/atom+xml" title="{$lang->latest_threads} (Atom 1.0)" href="{$mybb->settings['bburl']}/syndication.php?type=atom1.0" />

<
link href='http://fonts.googleapis.com/css?family=Exo+2:400,600' rel='stylesheet' type='text/css'>
<
link href="{$mybb->settings['bburl']}/images/square/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css" />

<
meta http-equiv="Content-Type" content="text/html; charset={$charset}/>
<
meta http-equiv="Content-Script-Type" content="text/javascript" />
<
script type="text/javascript" src="{$mybb->asset_url}/jscripts/jquery.js?ver=1800"></script>
<
script type="text/javascript" src="{$mybb->asset_url}/jscripts/jquery.plugins.min.js?ver=1800"></script>
<
script type="text/javascript" src="{$mybb->asset_url}/jscripts/general.js?ver=1800"></script>
<
script type="text/javascript" src="{$mybb->asset_url}/jscripts/tipsy.js"></script>

{
$stylesheets}
<
script type="text/javascript" src="{$mybb->settings['bburl']}/images/avatarep/avatarep.js"></script>
<
script type="text/javascript">
<!--
    
lang.unknown_error "{$lang->unknown_error}";

    
lang.select2_match "{$lang->select2_match}";
    
lang.select2_matches "{$lang->select2_matches}";
    
lang.select2_nomatches "{$lang->select2_nomatches}";
    
lang.select2_inputtooshort_single "{$lang->select2_inputtooshort_single}";
    
lang.select2_inputtooshort_plural "{$lang->select2_inputtooshort_plural}";
    
lang.select2_inputtoolong_single "{$lang->select2_inputtoolong_single}";
    
lang.select2_inputtoolong_plural "{$lang->select2_inputtoolong_plural}";
    
lang.select2_selectiontoobig_single "{$lang->select2_selectiontoobig_single}";
    
lang.select2_selectiontoobig_plural "{$lang->select2_selectiontoobig_plural}";
    
lang.select2_loadmore "{$lang->select2_loadmore}";
    
lang.select2_searching "{$lang->select2_searching}";

    var 
cookieDomain "{$mybb->settings['cookiedomain']}";
    var 
cookiePath "{$mybb->settings['cookiepath']}";
    var 
cookiePrefix "{$mybb->settings['cookieprefix']}";
    var 
deleteevent_confirm "{$lang->deleteevent_confirm}";
    var 
removeattach_confirm "{$lang->removeattach_confirm}";
    var 
loading_text '{$lang->ajax_loading}';
    var 
saving_changes '{$lang->saving_changes}';
    var 
use_xmlhttprequest "{$mybb->settings['use_xmlhttprequest']}";
    var 
my_post_key "{$mybb->post_code}";
    var 
rootpath "{$mybb->settings['bburl']}";
    var 
imagepath "{$theme['imgdir']}";
      var 
yes_confirm "{$lang->yes}";
    var 
no_confirm "{$lang->no}";
    var 
MyBBEditor null;
    var 
spinner_image "{$theme['imgdir']}/spinner.gif";
    var 
spinner "<img src='" spinner_image +"' alt='' />";
// -->
</script>

<
script type="text/javascript">
jQuery(document).ready(function($) {

function 
DropDown(el) {
    
this.dd el;
    
this.initEvents();
        }
            
DropDown.prototype = {
                
initEvents : function() {
                    var 
obj this;

                    
obj.dd.on('click', function(event){
                        $(
this).toggleClass('active');
                        
event.stopPropagation();
            });    
            }
        }

            $(function() {
                                var 
dd = new DropDown( $('#dd') );

                $(
document).click(function() {
                    $(
'.wrapper-dropdown-5').removeClass('active');
                });

            });
});
</
script>

<
script type="text/javascript">
jQuery(function() {

    var 
quotes jQuery(".quotes");
    var 
quoteIndex = -1;
    
    function 
showNextQuote() {
        ++
quoteIndex;
        
quotes.eq(quoteIndex quotes.length)
            .
fadeIn(500)
            .
delay(12000)
            .
fadeOut(500showNextQuote);
    }
    
    
showNextQuote();

});
</
script>

<
script type="text/javascript">
jQuery(function($) {
    $(
".clickedbuttons").hide();
    $(
".buttons").click(function() {
        $(
".sidebar").animate({height"hide"opacity0}, 500,
            function() {
                $(
".forums").animate({width"984px"}, 500);
            });
        $(
this).hide();
        $(
".clickedbuttons").show();
        $.
cookie("sidebar","collapsed", {expires365});
        return 
false;
    });
    $(
".clickedbuttons").click(function() {
        $(
".forums").animate({width"724px"}, 500,
            function() {
                $(
".sidebar").animate({height"show"opacity1}, 500);
            });
        $(
this).hide();
        $(
".buttons").show();
        $.
cookie("sidebar","expanded", {expires365});
        return 
false;
    });
    if($.
cookie("sidebar") == "collapsed") {
        $(
".buttons").hide();
        $(
".clickedbuttons").show();
        $(
".forums").css("width","984px");
        $(
".sidebar").hide();
    };
});
</
script>

<
script type="text/javascript"
jQuery(function() {
    
jQuery("a").tipsy({gravityjQuery.fn.tipsy.autoNS});
    
jQuery("title").tipsy({gravityjQuery.fn.tipsy.autoNS});
    
jQuery("img").tipsy({gravityjQuery.fn.tipsy.autoNS});
    
jQuery("i").tipsy({gravityjQuery.fn.tipsy.autoNS});
    
jQuery("span").tipsy({gravityjQuery.fn.tipsy.autoNS});
    
jQuery("div").tipsy({gravityjQuery.fn.tipsy.autoNS});
    
jQuery("label").tipsy({gravityjQuery.fn.tipsy.autoNS});
    
jQuery("input").tipsy({gravityjQuery.fn.tipsy.autoNS});
});
</
script>

<
script type="text/javascript">
jQuery(document).ready(function($) {

    $(
".catdesc").hide();

    $(
".cattitle").on('mouseover mouseout', function(event) {

        var 
catdesc = $(this).parent().children('.catdesc');

        var 
content catdesc.text();

        if (
content !== "") {
            if (
event.type == 'mouseover') {
                
catdesc.fadeIn('slow');
            } else {
                
catdesc.stop(truetrue).fadeOut('slow');
            }
        }

    });

});
</
script>

<
script type="text/javascript">
jQuery(document).ready(function() {
    var 
offset 100;
    var 
duration 250;
    
jQuery(window).scroll(function() {
        if (
jQuery(this).scrollTop() > offset) {
            
jQuery(".scrolltotop").fadeIn(duration);
        } else {
            
jQuery(".scrolltotop").fadeOut(duration);
            }
    });
    
    
jQuery('.scrolltotop').click(function(event) {
        
event.preventDefault();
        
jQuery('html, body').animate({scrollTop0}, 600);
            return 
false;
        })
});
</
script>

<
link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />

<
div id="27">
   <
link rel="stylesheet" href="themes/default/default.css" type="text/css" media="screen" />
   <
link rel="stylesheet" href="themes/light/light.css" type="text/css" media="screen" />
   <
link rel="stylesheet" href="themes/dark/dark.css" type="text/css" media="screen" />
   <
link rel="stylesheet" href="themes/bar/bar.css" type="text/css" media="screen" />
   <
link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
  </
div


header

Kod PHP:
<div class="scrolltotop"><class="fa fa-caret-up fa-2x"></i></div>

<
div id="container">
  
  <
div id="panel">
          <
div class="wrapper">
          <
div class="news">
            <
div class="automsj">    
                <
div class="wrap">
      <
form method="post" class="searchform" action="{$mybb->settings['bburl']}/search.php">
        <
input type="hidden" name="action" value="do_search" />
        <
input type="hidden" name="postthread" value="1" />
        <
input type="hidden" name="forums" value="all" />
        <
input type="hidden" name="showresults" value="threads" />
        <
input type="text" class="searchbox" name="keywords" value="Przeszukaj forum..." onblur="this.value = this.value || this.defaultValue; this.style.color = '#ccc';" onfocus="this.value=''; this.style.color = '#000';" />
        <!-- 
startgobutton -->
        <
input type="submit" class="searchsub" value="Szukaj" />
        <!-- 
endgobutton -->
    </
form>
</
div
                        
            
                    </
div>
            </
div>
    
            <
div class="usersection">
                {
$welcomeblock}
            </
div>
        </
div>
    </
div>
  

    <
div id="header">
    <
div class="belka_top-wrapper">

    

                
                  <
div style="height:156px;">
                  
                              <
div id="wrapper">

       <
div class="slider-wrapper theme-default">
           <
div id="slider" class="nivoSlider">
               <
img src="images/toystory.jpg" data-thumb="images/toystory.jpg" alt="" />
               <
a href="http://dev7studios.com"><img src="images/up.jpg" data-thumb="images/up.jpg" alt="" title="This is an example of a caption" /></a>
               <
img src="images/walle.jpg" data-thumb="images/walle.jpg" alt="" data-transition="slideInLeft" />
               <
img src="images/nemo.jpg" data-thumb="images/nemo.jpg" alt="" title="#htmlcaption" />
           </
div>
           <
div id="htmlcaption" class="nivo-html-caption">
               <
strong>This</strongis an example of a <em>HTML</emcaption with <a href="#">a link</a>.
           </
div>
       </
div>

   </
div>
   <
script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
   <
script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
   <
script type="text/javascript">
   $(
window).load(function() {
       $(
'#slider').nivoSlider();
   });
   </
script>
                  </
div>
                
                
      
      
      


      
<
div class="logo"><br><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}alt="{$mybb->settings['bbname']}title="{$mybb->settings['bbname']}/></a></div
  
  
<br/>
<
br/>
<
br/>

  


 
  
  <
div style="height:250px;">
    
<
div class="wrapper"><ul class="menu_top">
    <
a href="../index.php" class="brand buzz-out"><li><img src="https://cdn3.iconfinder.com/data/icons/tango-icon-library/48/go-home-16.png"STRONA GŁÓWNA</li></a></ul>
    <
ul class="menu_topq"><a href="../memberlist.php" class="brand buzz-out"><li><img src="https://cdn2.iconfinder.com/data/icons/flat-seo-web-ikooni/128/flat_seo-32-16.png"UŻYTKOWNICY</li></a></ul>
    <
ul class="menu_topw"><a href="#" class="brand buzz-out"><li><img src="https://cdn0.iconfinder.com/data/icons/small-n-flat/24/678075-sign-ban-16.png"AMXBANS 1</li></a></ul>
    <
ul class="menu_tope"><a href="#" class="brand buzz-out"><li><img src="https://cdn0.iconfinder.com/data/icons/small-n-flat/24/678075-sign-ban-16.png"AMXBANS 2</li></a></ul>
    <
ul class="menu_topr"><a href="../sklep/" class="brand buzz-out"><li><img src="https://cdn3.iconfinder.com/data/icons/faticons/32/shop-01-16.png"SKLEP</li></a>
</
ul></div

                
                </
div>
                </
div
 <
br/>
<
br/>
<
br/>

  

      


  
      
        <
div id="content">
          <
div class="wrapper">
            
                  <
br />
                  <
navigation>
                {
$pm_notice}
                {
$bannedwarning}
                {
$bbclosedwarning}
                {
$unreadreports}
                {
$pending_joinrequests}
                {
$awaitingusers}
                <
br /> 
Z headerinclude usuń
Kod:
<div id="27">
oraz </div>. Natomiast dodaj:
Kod PHP:
<script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
   <
script type="text/javascript">
   $(
window).load(function() {
       $(
'#slider').nivoSlider();
   });
   </
script
A header spróbuj taki:

Kod PHP:
<div class="scrolltotop"><class="fa fa-caret-up fa-2x"></i></div>

<
div id="container">
  
  <
div id="panel">
          <
div class="wrapper">
          <
div class="news">
            <
div class="automsj">    
                <
div class="wrap">
      <
form method="post" class="searchform" action="{$mybb->settings['bburl']}/search.php">
        <
input type="hidden" name="action" value="do_search" />
        <
input type="hidden" name="postthread" value="1" />
        <
input type="hidden" name="forums" value="all" />
        <
input type="hidden" name="showresults" value="threads" />
        <
input type="text" class="searchbox" name="keywords" value="Przeszukaj forum..." onblur="this.value = this.value || this.defaultValue; this.style.color = '#ccc';" onfocus="this.value=''; this.style.color = '#000';" />
        <!-- 
startgobutton -->
        <
input type="submit" class="searchsub" value="Szukaj" />
        <!-- 
endgobutton -->
    </
form>
</
div>           </div>         </div>    
            <
div class="usersection">
                {
$welcomeblock}
            </
div>
        </
div>
    </
div>
    <
div id="header">
    <
div class="belka_top-wrapper">
        <
div class="logo"><br><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}alt="{$mybb->settings['bbname']}title="{$mybb->settings['bbname']}/></a></div>
    <
br/>
<
br/>
<
br/>
  
  <
div>
    
<
div class="wrapper"><ul class="menu_top">
    <
a href="../index.php" class="brand buzz-out"><li><img src="https://cdn3.iconfinder.com/data/icons/tango-icon-library/48/go-home-16.png"STRONA GŁÓWNA</li></a></ul>
    <
ul class="menu_topq"><a href="../memberlist.php" class="brand buzz-out"><li><img src="https://cdn2.iconfinder.com/data/icons/flat-seo-web-ikooni/128/flat_seo-32-16.png"UŻYTKOWNICY</li></a></ul>
    <
ul class="menu_topw"><a href="#" class="brand buzz-out"><li><img src="https://cdn0.iconfinder.com/data/icons/small-n-flat/24/678075-sign-ban-16.png"AMXBANS 1</li></a></ul>
    <
ul class="menu_tope"><a href="#" class="brand buzz-out"><li><img src="https://cdn0.iconfinder.com/data/icons/small-n-flat/24/678075-sign-ban-16.png"AMXBANS 2</li></a></ul>
    <
ul class="menu_topr"><a href="../sklep/" class="brand buzz-out"><li><img src="https://cdn3.iconfinder.com/data/icons/faticons/32/shop-01-16.png"SKLEP</li></a>
</
ul></div>               
                </
div>  
  
      <
div class="slider-wrapper wrapper theme-default">
           <
div id="slider" class="nivoSlider">
               <
img src="images/toystory.jpg" data-thumb="images/toystory.jpg" alt="" />
               <
a href="http://dev7studios.com"><img src="images/up.jpg" data-thumb="images/up.jpg" alt="" title="This is an example of a caption" /></a>
               <
img src="images/walle.jpg" data-thumb="images/walle.jpg" alt="" data-transition="slideInLeft" />
               <
img src="images/nemo.jpg" data-thumb="images/nemo.jpg" alt="" title="#htmlcaption" />
           </
div>
           <
div id="htmlcaption" class="nivo-html-caption">
               <
strong>This</strongis an example of a <em>HTML</emcaption with <a href="#">a link</a>.
           </
div>
       </
div>

   </
div>
                  </
div>
                
        <
div id="content">
          <
div class="wrapper">
            
                  <
br />
                  <
navigation>
                {
$pm_notice}
                {
$bannedwarning}
                {
$bbclosedwarning}
                {
$unreadreports}
                {
$pending_joinrequests}
                {
$awaitingusers}
                <
br /> 
zobacz sam efekt
header:
Kod PHP:
<div class="scrolltotop"><class="fa fa-caret-up fa-2x"></i></div>

<
div id="container">
  
  <
div id="panel">
          <
div class="wrapper">
          <
div class="news">
            <
div class="automsj">    
                <
div class="wrap">
      <
form method="post" class="searchform" action="{$mybb->settings['bburl']}/search.php">
        <
input type="hidden" name="action" value="do_search" />
        <
input type="hidden" name="postthread" value="1" />
        <
input type="hidden" name="forums" value="all" />
        <
input type="hidden" name="showresults" value="threads" />
        <
input type="text" class="searchbox" name="keywords" value="Przeszukaj forum..." onblur="this.value = this.value || this.defaultValue; this.style.color = '#ccc';" onfocus="this.value=''; this.style.color = '#000';" />
        <!-- 
startgobutton -->
        <
input type="submit" class="searchsub" value="Szukaj" />
        <!-- 
endgobutton -->
    </
form>
</
div>           </div>         </div>    
            <
div class="usersection">
                {
$welcomeblock}
            </
div>
        </
div>
    </
div>
    <
div id="header">
    <
div class="belka_top-wrapper">
        <
div class="logo"><br><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}alt="{$mybb->settings['bbname']}title="{$mybb->settings['bbname']}/></a></div>
    <
br/>
<
br/>
<
br/>
  
  <
div>
    
<
div class="wrapper"><ul class="menu_top">
    <
a href="../index.php" class="brand buzz-out"><li><img src="https://cdn3.iconfinder.com/data/icons/tango-icon-library/48/go-home-16.png"STRONA GŁÓWNA</li></a></ul>
    <
ul class="menu_topq"><a href="../memberlist.php" class="brand buzz-out"><li><img src="https://cdn2.iconfinder.com/data/icons/flat-seo-web-ikooni/128/flat_seo-32-16.png"UŻYTKOWNICY</li></a></ul>
    <
ul class="menu_topw"><a href="#" class="brand buzz-out"><li><img src="https://cdn0.iconfinder.com/data/icons/small-n-flat/24/678075-sign-ban-16.png"AMXBANS 1</li></a></ul>
    <
ul class="menu_tope"><a href="#" class="brand buzz-out"><li><img src="https://cdn0.iconfinder.com/data/icons/small-n-flat/24/678075-sign-ban-16.png"AMXBANS 2</li></a></ul>
    <
ul class="menu_topr"><a href="../sklep/" class="brand buzz-out"><li><img src="https://cdn3.iconfinder.com/data/icons/faticons/32/shop-01-16.png"SKLEP</li></a>
</
ul></div>               
                </
div>  
  


   </
div>
                  </
div>
                
        <
div id="content">   
        <
div class="slider-wrapper wrapper theme-default">
           <
div id="slider" class="nivoSlider">
               <
img src="images/toystory.jpg" data-thumb="images/toystory.jpg" alt="" />
               <
a href="http://dev7studios.com"><img src="images/up.jpg" data-thumb="images/up.jpg" alt="" title="This is an example of a caption" /></a>
               <
img src="images/walle.jpg" data-thumb="images/walle.jpg" alt="" data-transition="slideInLeft" />
               <
img src="images/nemo.jpg" data-thumb="images/nemo.jpg" alt="" title="#htmlcaption" />
           </
div>
           <
div id="htmlcaption" class="nivo-html-caption">
               <
strong>This</strongis an example of a <em>HTML</emcaption with <a href="#">a link</a>.
           </
div>
       </
div>
          <
div class="wrapper">
            
                  <
br />
                  <
navigation>
                {
$pm_notice}
                {
$bannedwarning}
                {
$bbclosedwarning}
                {
$unreadreports}
                {
$pending_joinrequests}
                {
$awaitingusers}
                <
br /> 
prawe tak samo jak było, chodzi mi o to żeby to umiescic obok loga po prawej stronie
Dodaj do global.css:
Kod PHP:
.slider-wrapper.theme-default {
    
positionabsolute;
    
top50px;
    
floatright;
    
margin-left640px;

No jest ok, tylko jeszcze można to zmniejszyć chodzi mi o wysokość i szerokość gdzies tak o 20% próbowałem zmieniać wielkość obrazków ale to nic nie daje
themes/default/default.css →
Kod PHP:
.theme-default .nivoSlider img {
    
position:absolute;
    
top:0px;
    
left:0px;
    
display:none;

Dopisz height: 170px;.
Oczywiście wartość do uzgodnienia przez Ciebie.
Czyli całość:
Kod PHP:
.theme-default .nivoSlider img {
    
position:absolute;
    
top:0px;
    
left:0px;
height170px;
    
display:none;