Aktuelles Datum und Uhrzeit: Fr 19 Apr 2024 - 14:29
1 Ergebnis für content-container gefunden
[phpBB3] Index Module freistehend
Hallo,ich hab das Tutorial "INdex Module freistehend" eingebaut und das "Module Ein-und ausblenden".
Beides klappt soweit. Doch momentan sieht es foglend aus:
Dabei soll das Indexmodul aufklappen und da wo Neuigkeiten steht das Modul öffnen.
Zudem was muss ich beim Modul "Code" einfügen, dass er die #content-container div#right vom CSS aufruft? Habe es mit div class probiert, funktioniert aber nicht :/.
Folgende Codes habe ich:
Modul oben für ein- und ausblenden:
- Code:
<div id="forum-widget" style="cursor: pointer; height: 15px; width: 100px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; bottom: -15px; float: right; background: #262020 url(http://i48.servimg.com/u/f48/17/18/75/68/310.png) no-repeat 0 -13px; position: absolute; top: 380px; right: 10px; z-index: 10000;" onclick="jQuery('#right').animate({width:'toggle',height:'toggle',opacity:'toggle'},1000); if(my_getcookie('forum-widget')=='0') { my_setcookie('forum-widget','1',0,0); jQuery('#forum-widget').css('background-position','0 -13px'); jQuery('#content-container div#content').css('margin-right','0px');} else { my_setcookie('forum-widget','0',1,0); jQuery('#forum-widget').css('background-position','0 0px'); jQuery('#content-container div#content').css('margin-right','0px'); }">
</div>
Modul unten:
- Code:
<script type="text/javascript"> jQuery('#forum-widget').insertBefore('#right'); if(my_getcookie('forum-widget')=='0') {jQuery('#right').animate({width:'toggle',height:'toggle',opacity:'toggle'},0); jQuery('#forum-widget').css('background-position','0 0px'); jQuery('#content-container div#content').css('margin-right','0px');} </script>
sowie CSS code:
- Code:
.module {
background-color:#0a0a0a;
border-radius: 20px;
}
#content-container div#right {
background-image: url("URL");
box-shadow: 0 0 6px #141313;
border : 1px solid #000000;
margin-right:0px;
box-shadow: 0 0 6px #COLOR;
border: 50px;
border-top: 3px solid #21181a;
border-top-right-radius: 50px;
border-top-left-radius: 50px;
border-Bottom: 3px solid #21181a;
border-bottom-right-radius: 50px;
border-bottom-left-radius: 50px;
}
#content-container div#content {
margin-right: 0px;
}
Vielen Dank schonmal im vorraus .
- am Mo 13 Jul 2015 - 17:06
- Suchen in: Probleme mit Scripten oder Code's
- Thema: [phpBB3] Index Module freistehend
- Antworten: 2
- Gesehen: 273
|
|