Webboard

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</strong> is an example of a <em>HTML</em> caption 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(500, showNextQuote);
    }
    
    showNextQuote();

});
</script>

<script type="text/javascript">
jQuery(function($) {
    $(".clickedbuttons").hide();
    $(".buttons").click(function() {
        $(".sidebar").animate({height: "hide", opacity: 0}, 500,
            function() {
                $(".forums").animate({width: "984px"}, 500);
            });
        $(this).hide();
        $(".clickedbuttons").show();
        $.cookie("sidebar","collapsed", {expires: 365});
        return false;
    });
    $(".clickedbuttons").click(function() {
        $(".forums").animate({width: "724px"}, 500,
            function() {
                $(".sidebar").animate({height: "show", opacity: 1}, 500);
            });
        $(this).hide();
        $(".buttons").show();
        $.cookie("sidebar","expanded", {expires: 365});
        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({gravity: jQuery.fn.tipsy.autoNS});
    jQuery("title").tipsy({gravity: jQuery.fn.tipsy.autoNS});
    jQuery("img").tipsy({gravity: jQuery.fn.tipsy.autoNS});
    jQuery("i").tipsy({gravity: jQuery.fn.tipsy.autoNS});
    jQuery("span").tipsy({gravity: jQuery.fn.tipsy.autoNS});
    jQuery("div").tipsy({gravity: jQuery.fn.tipsy.autoNS});
    jQuery("label").tipsy({gravity: jQuery.fn.tipsy.autoNS});
    jQuery("input").tipsy({gravity: jQuery.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(true, true).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({scrollTop: 0}, 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"><i 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';" />
        <!-- start: gobutton -->
        <input type="submit" class="searchsub" value="Szukaj" />
        <!-- end: gobutton -->
    </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</strong> is an example of a <em>HTML</em> caption 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"><i 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';" />
        <!-- start: gobutton -->
        <input type="submit" class="searchsub" value="Szukaj" />
        <!-- end: gobutton -->
    </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</strong> is an example of a <em>HTML</em> caption 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"><i 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';" />
        <!-- start: gobutton -->
        <input type="submit" class="searchsub" value="Szukaj" />
        <!-- end: gobutton -->
    </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</strong> is an example of a <em>HTML</em> caption 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 {
    position: absolute;
    top: 50px;
    float: right;
    margin-left: 640px;
} 

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;
height: 170px;
    display:none;
} 

mariusz4553

Snake_

mariusz4553

Snake_

mariusz4553

Snake_

mariusz4553

Snake_

mariusz4553

Snake_

mariusz4553

Snake_