Webboard

Webboard > Wsparcie MyBB > Style, szablony i grafika > Obrazek + opis działu - zmiana przy najechaniu kursorem
Pełna wersja: Obrazek + opis działu - zmiana przy najechaniu kursorem
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Stron: 1 2

SLAVOO

20.03.2014, 20:48
Headerinclude źle dodane

Tak ma być:
Kod:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){

jQuery("img.a").hover(
function() {
jQuery(this).stop().animate({"opacity": "0"}, "slow");
},
function() {
jQuery(this).stop().animate({"opacity": "1"}, "slow");
});

});</script>
W global.css dodaj na koncu (bo nie dodane)
Kod:
div.fadehover {
    position: relative;
}

img.a {
    position: absolute;
    z-index: 10;
}

img.b {
    position: relative;
}

Źle dodajesz to jak ma działać?

infinity8692

20.03.2014, 20:52
wybacz, skoro proszę o pomoc to najwyraźniej nie wiem po prostu jak do dodać :D
dziękuję BARDZO BARDZO BARDZO za pomoc, działa :) jestem wdzięczna x100.

SLAVOO

20.03.2014, 20:53
To trzeba napisać, że nie wiesz jak dodać. Przecież ja wróżką nie jestem, nie znam zasobów Twojej wiedzy w tym zakresie. Opieram się jedynie na tym co ktoś napisze (autor/autorka tematu)

infinity8692

21.03.2014, 14:58
pojawił się problem.
dodaję poniższy kod do headerinclude i znika mi edycja posta oraz przyciski usuń i cytuj. jak to naprawić?

Kod PHP:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){

jQuery("img.a").hover(
function() {
jQuery(this).stop().animate({"opacity": "0"}, "slow");
},
function() {
jQuery(this).stop().animate({"opacity": "1"}, "slow");
});

});</script> 

Snake_

21.03.2014, 16:57
Pokaż całą zawartość szablonu headerinclude.

SLAVOO

21.03.2014, 16:58
Zamień bibliotekę na
Kod:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

infinity8692

21.03.2014, 18:28
Po zmienie biblioteki przestało działać przełączanie obrazka przy najechaniu kursorem :(
Calość headerinclude przy starej bibliotece:

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" />
<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->settings['bburl']}/jscripts/prototype.js?ver=1603"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/general.js?ver=1603"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/popup_menu.js?ver=1600"></script>
{$stylesheets}
<script type="text/javascript">
<!--
    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 imagepath = "{$theme['imgdir']}";
// -->
</script>

</script>

{$newpmmsg}

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){

jQuery("img.a").hover(
function() {
jQuery(this).stop().animate({"opacity": "0"}, "slow");
},
function() {
jQuery(this).stop().animate({"opacity": "1"}, "slow");
});

});</script>

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-8028422-29']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })(); 

SLAVOO

21.03.2014, 18:34
Zanim Snake ułoży headerinclude o który poprosił, pokombinuj z bibliotekami
Oto one:
1.10.1
1.9.1
1.8.3
1.7.2
1.6.4

GiboneKPL

21.03.2014, 18:37
Spróbuj tak:
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" />
<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->settings['bburl']}/jscripts/prototype.js?ver=1603"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/general.js?ver=1603"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/popup_menu.js?ver=1600"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">jQuery.noConflict();</script>
{$stylesheets}
<script type="text/javascript">
<!--
    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 imagepath = "{$theme['imgdir']}";
// -->
</script>

</script>

{$newpmmsg}

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

jQuery("img.a").hover(
function() {
jQuery(this).stop().animate({"opacity": "0"}, "slow");
},
function() {
jQuery(this).stop().animate({"opacity": "1"}, "slow");
});

});
</script>

infinity8692

21.03.2014, 18:50
zmiana bibliotek nie pomogła ale to co wstawił GiboneKPL zadziałało! po raz kolejny dziękuję za pomoc, mam nadzieję, że tym razem błędów nie będzie :)

SLAVOO

21.03.2014, 19:18
Bo ważne jest również ułożenie kodów w headerinclude. Odpowiedni wątek znajduje się przypięty w dziale Skrypt.
Stron: 1 2
Webboard > Wsparcie MyBB > Style, szablony i grafika > Obrazek + opis działu - zmiana przy najechaniu kursorem