Webboard

Webboard > Wsparcie MyBB > Style, szablony i grafika > Dodanie Slideru na stronie głównej
Pełna wersja: Dodanie Slideru na stronie głównej
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Stron: 1 2 3

Snake_

29.12.2014, 23:01
No to nie wiem, może tamten slider ma jakieś wady, ja osobiście rekomenduję ten: http://workshop.rs/projects/coin-slider/ używam/łem u siebie.

plajer

30.12.2014, 09:23
Cos mi zaden nie dziala...
Robię tak:
pliki js lądują w ftp /js...

To w Global.CSS
Kod:
/*
    Coin Slider jQuery plugin CSS styles
    http://workshop.rs/projects/coin-slider
*/


.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { width: 545px; padding: 10px; background-color: #000000; color: #FFFFFF; }

.cs-prev,
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }

To w headerinclude:
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" />
<script type="text/javascript">
    $(document).ready(function() {
        $('#coin-slider').coinslider({ width: 696, navigation: false, delay: 5000 });
    });
</script>

To w Index:
Kod:
<div id='coin-slider'>
    <a href="img01_url" target="_blank">
        <img src="images/01.jpg" >
        <span>
            Description for img01
        </span>
    </a>

    
    <a href="imgN_url">
        <img src='imgN.jpg' >
        <span>
            Description for imgN
        </span>
    </a>
</div>

Efekty są na stronie :/

Snake_

30.12.2014, 11:13
1. To do usunięcia:
Kod:
<script type="text/javascript" src="jquery-1.4.2.js"></script>
2. Nie dodałeś js/, skoro tam wrzuciłeś pliki:
Kod:
<script type="text/javascript" src="js/coin-slider.min.js"></script>
<link rel="stylesheet" href="js/coin-slider-styles.css" type="text/css" />
<script type="text/javascript">
    $(document).ready(function() {
        $('#coin-slider').coinslider({ width: 696, navigation: false, delay: 5000 });
    });
</script>

plajer

30.12.2014, 14:52
Bez zmian ;/

edit

dodalem coin-slider-styles.css do /js/ ale nic to nie poprawilo (tak wiem zapomnialem o wrzuceniu tego wczesniej)

Snake_

30.12.2014, 17:18
Podaj tutaj teraz całość szablonu headerinclude.

plajer

30.12.2014, 18:50
Oto on:

Kod:
<script type="text/javascript" src="js/coin-slider.min.js"></script>
<link rel="stylesheet" href="js/coin-slider-styles.css" type="text/css" />
<script type="text/javascript">
    $(document).ready(function() {
        $('#coin-slider').coinslider({ width: 696, navigation: false, delay: 5000 });
    });
</script>


<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/pl_PL/sdk.js#xfbml=1&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/pl_PL/sdk.js#xfbml=1&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<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='//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,200​italic,400italic,600italic' 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="images/vienna/jquery-ui.js"></script>
<script type="text/javascript" src="images/vienna/jquery.tipsy.js"></script>
<script type="text/javascript" src="images/vienna/jquery.cookie.js"></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});
  });
</script>

{$stylesheets}
<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>

Snake_

30.12.2014, 23:39
Podmień:
Kod:
<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='//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,200​​italic,400italic,600italic' 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="images/vienna/jquery-ui.js"></script>
<script type="text/javascript" src="images/vienna/jquery.tipsy.js"></script>
<script type="text/javascript" src="images/vienna/jquery.cookie.js"></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});
  });
</script>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/pl_PL/sdk.js#xfbml=1&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/pl_PL/sdk.js#xfbml=1&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script type="text/javascript" src="js/coin-slider.min.js"></script>
<link rel="stylesheet" href="js/coin-slider-styles.css" type="text/css" />
<script type="text/javascript">
    $(document).ready(function() {
        $('#coin-slider').coinslider({ width: 696, navigation: false, delay: 5000 });
    });
</script>


{$stylesheets}
<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>

Nie możesz dodawać kolejnych bibliotek... Jedna jest w standardzie i ona MUSI wystarczyć.

plajer

30.12.2014, 23:46
Ale jak dodaje twój to się wszystko rozsypuje. A ten co jest to taki był od początku ja tam nic nie edytowałem...
Po tym jak wrzuciłem twój headericlude:
[Obrazek: njHg.png]

Snake_

30.12.2014, 23:55
^, nie widzę czegoś takiego na forum.

plajer

31.12.2014, 09:42
Niestety nie mogłem zostawić tego ponieważ mam użytkowników korzystających z tego forum, odrazu zrobiłem ss i wrzuciłem stary headerinclude :)

Snake_

31.12.2014, 12:07
No to ciężko cokolwiek zrobić w takiej sytuacji. Poinformuj użytkowników i pokaż to an forum.

plajer

31.12.2014, 16:34
Cóż a nie można się z gadać w jakimś konkretnym momencie? By po prostu forum nie stało godzinami zniszczone?

LikeLoveHate

31.12.2014, 16:41
Na godzinę, to tylko odpłatnie podejrzewam. Tutaj pomaga się za darmo i tylko wtedy, kiedy ma się czas ;)

plajer

02.01.2015, 18:39
W takim razie rezygnuje ze slideru :)
Stron: 1 2 3
Webboard > Wsparcie MyBB > Style, szablony i grafika > Dodanie Slideru na stronie głównej