Das Forum der Foren
Würden Sie gerne auf diese Nachricht reagieren? Erstellen Sie einen Account in wenigen Klicks oder loggen Sie sich ein, um fortzufahren.

[phpBB3] Index Module freistehend

2 verfasser

Nach unten

Erledigt [phpBB3] Index Module freistehend

Beitrag von Konan1990 Mo 13 Jul 2015 - 17:06

Hallo,
ich hab das Tutorial "INdex Module freistehend" eingebaut und das "Module Ein-und ausblenden".
Beides klappt soweit. Doch momentan sieht es foglend aus:

[phpBB3] Index Module freistehend Bildsc10

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 Smile.
Konan1990
Konan1990
Neuling
Neuling

Anzahl der Beiträge : 2
Browser : Internet Explorer 8
Anmeldedatum : 13.07.15

Nach oben Nach unten

Erledigt Re: [phpBB3] Index Module freistehend

Beitrag von Gunich Mo 13 Jul 2015 - 17:17

Hallo Konan1990.

Wenn ich dich richtig verstehe, dann möchtest du die Module rechts an der Seite des Forums und außerhalb der normalen Struktur haben?
Dazu müsstest du nur die 'Style' Werte aus deinem Newsmodul löschen:
Code:
<div style="position: absolute; top: 400px; right: 40px; z-index: 10000;">

Und die rechte Modul Säule stattdessen ansprechen:
Code:
div#right {
  position: absolute;
  right: 0px;
  z-index: 10000;
  top: 428px;
}

Liebe Grüße
Gunich
Gunich
Gunich
Freiwilliger Helfer
Freiwilliger Helfer

Anzahl der Beiträge : 108
Browser : Chrome
Anmeldedatum : 05.01.12

Nach oben Nach unten

Erledigt Re: [phpBB3] Index Module freistehend

Beitrag von Konan1990 Mo 13 Jul 2015 - 18:05

Wow super, vielen lieben Dank Smile. Hat geklappt!
Konan1990
Konan1990
Neuling
Neuling

Anzahl der Beiträge : 2
Browser : Internet Explorer 8
Anmeldedatum : 13.07.15

Nach oben Nach unten

Erledigt Re: [phpBB3] Index Module freistehend

Beitrag von Gesponserte Inhalte


Gesponserte Inhalte


Nach oben Nach unten

Nach oben

- Ähnliche Themen

 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten