phpBB.de

phpBB.de - Die deutsche phpBB-Community
https://www.phpbb.de/community/

Forum (wrap?) etwas nach unten verschieben. Wie?

https://www.phpbb.de/community/viewtopic.php?t=236700

Seite 1 von 2

Forum (wrap?) etwas nach unten verschieben. Wie?

Verfasst: 04.02.2016 02:50
von tb280971
Hallo Community,
ich habe mir von Stoker die Extension --> PM Notify & Guest Register bar installiert.
Diese ist hier zu finden --> http://www.phpbb3bbcodes.com/viewtopic.php?f=61&t=2661
Nun möchte ich, dass mein ganzes Forum etwa 35px z.b. nach unten kommt um so den Header nicht zu verdecken.
Auf der Seite wo die Extension erhältlich ist sieht man es gut.
Ein gutes Beispiel ist auch das Forum von dmzx wo der mchat erhältlich ist. So sollte es aussehen.
Siehe hier --> http://dmzx-web.net/
Da die Register Bar nach dem einloggen verschwindet, sollte das Forum wieder nach oben in den ursprünglichen Zustand gehen wenn man eingeloggt ist.
Kann man bei dmzx auch gut erkennen, wenn man bei ihm auf Register klickt.
Ich nutze als Style prosilver und prosilver_se. Hier müsste man beide Styles bearbeiten... nur wo?
So sieht es derzeit in meinem Testforum aus --> [ externes Bild ]
Wäre klasse, wenn mir hier jemand helfen könnte.
Vielen Dank.

Re: Forum (wrap?) etwas nach unten verschieben. Wie?

Verfasst: 04.02.2016 11:11
von Talk19zehn
TEST(!)

Hi, füge hinzu: pmregnotify.css (Wert 60px bitte von Fall zu Fall anpassen)

Code: Alles auswählen

.ownthebottominfobar {
	padding-bottom: 60px;
}

Template -> overall_header_body_before.html

A) Tausche aus gegen:

Code: Alles auswählen

<div class="ownthebottominfobar">
<div class="responsive-hide">
<!-- IF not (S_USER_LOGGED_IN or S_IS_BOT or S_IN_UCP) and S_REGISTER_ENABLED -->
<div id="info">
<div id="infobar">
<a href="{U_REGISTER}"><span class="pm-reg"></span><span class="padding">{L_PMREGBAR_WELCOME} {SITENAME}. {L_PMREGBAR_REGISTER}</span><span class="pm-reg"></span></a>
</div>
</div>
<!-- ENDIF -->

<!-- IF not S_IS_BOT and S_USER_LOGGED_IN and S_DISPLAY_PM and (S_USER_NEW_PRIVMSG or S_USER_UNREAD_PRIVMSG or U_AJAX_BASE_PRIVATEMSGS) -->
<div id="info">
<!-- IF S_USER_NEW_PRIVMSG or S_USER_UNREAD_PRIVMSG -->
<div id="infobar">
<a href="{U_PRIVATEMSGS}"><span class="pm-mail"></span><span class="padding">{L_PMREGBAR_HELLO} {S_USERNAME} {L_PMREGBAR_YOUHAVE} {PRIVATE_MESSAGE_COUNT} {L_PMREGBAR_PM}</span><span class="pm-mail"></span></a>
</div>
<!-- ENDIF -->
</div>
<!-- ENDIF -->
</div>
</div>
Oder
B) Tausche aus gegen:

Code: Alles auswählen

<div class="responsive-hide">
<!-- IF not (S_USER_LOGGED_IN or S_IS_BOT or S_IN_UCP) and S_REGISTER_ENABLED -->
<div id="info">
<div id="infobar">
<a href="{U_REGISTER}"><span class="pm-reg"></span><span class="padding">{L_PMREGBAR_WELCOME} {SITENAME}. {L_PMREGBAR_REGISTER}</span><span class="pm-reg"></span></a>
</div>
</div>
<!-- ENDIF -->

<!-- IF not S_IS_BOT and S_USER_LOGGED_IN and S_DISPLAY_PM and (S_USER_NEW_PRIVMSG or S_USER_UNREAD_PRIVMSG or U_AJAX_BASE_PRIVATEMSGS) -->
<div id="info">
<!-- IF S_USER_NEW_PRIVMSG or S_USER_UNREAD_PRIVMSG -->
<div id="infobar">
<a href="{U_PRIVATEMSGS}"><span class="pm-mail"></span><span class="padding">{L_PMREGBAR_HELLO} {S_USERNAME} {L_PMREGBAR_YOUHAVE} {PRIVATE_MESSAGE_COUNT} {L_PMREGBAR_PM}</span><span class="pm-mail"></span></a>
</div>
<!-- ENDIF -->
</div>
<!-- ENDIF -->
</div>
<div class="ownthebottominfobar">&nbsp;</div>
Bedenke, dass in den kleineren Auflösungen die infobar im Standard nicht angezeigt wird. Man müsste also bei Bedarf zusätzlich das responsive Layout anpassen.
Dies wurde offenbar zwischenzeitlich auch erkannt, verbessert und angepasst, denn die Version -darin das CSS- ist, wie du richtig erkannt hast (dmzx), eine andere. Sprich, wenn du im Quelltext dort auf die Extension klickst, könnte man daraus evtl. das Vorgehen ableiten und konform anpassen? :wink:

Augenscheinlich wurde sie bei Stoker versehentlich nicht erneuert?
Etwas verwirrend:
/**
*
* @package phpBB Extension - PM Notify & Guest Register bar
* @copyright (c) 2015 dmzx - http: //www.dmzx-web.net
* @license http: //opensource.org/licenses/gpl-2.0.php GNU General Public License v2
* @Author Stoker - http: //www.phpbb3bbcodes.com
*
*/


, finde ich.

Eine andere Möglichkeit ist es m.E., der ID wrap (common.css) ein margin-top zu geben. Das musst du dann allerdings in allen Styles tun, sofern du mehrere nutzt und wählbar anbietest.

Grüße

Re: Forum (wrap?) etwas nach unten verschieben. Wie?

Verfasst: 04.02.2016 13:08
von tb280971
Hallo Talk19zehn,
vielen Dank für deine Hilfe.
Habe es gerade gestestet.
Also Variante A ist die bessere und kommt schön hin wenn man den Wert in der pmregnotify.css auf 30px setzt.
Siehe hier --> [ externes Bild ]
Allerdings bleibt das Forum auch unten nach dem einloggen.
Siehe hier --> [ externes Bild ]
Jetzt müssten wir nur noch hinbekommen, dass dieses wieder in den ursprünglichen Zustand nach oben kommt wenn man eingeloggt ist.
Hast du hierfür vllt noch eine Idee?
Eine andere Möglichkeit ist es m.E., der ID wrap (common.css) ein margin-top zu geben.
Habe ich herausgefunden und auch mal getestet. Dies geht zwar auch und das Forum kommt runter, allerdings bleibt es dann auch unten nach dem einloggen.

Re: Forum (wrap?) etwas nach unten verschieben. Wie?

Verfasst: 04.02.2016 14:04
von Talk19zehn
Tja, das habe ich geahnt, - Mist. Da wirst du nicht umhin kommen, das CSS andersartig anzupassen, wenn du mit dem Abstand "nicht leben" ... :wink: kannst.

Leider musste ich das Teilchen herauswerfen, da ich einen AJAX-FEHLER erhalte und mir meine Testoberfläche unzugänglich macht. :o

Dennoch geht dein Vorhaben sicherlich, ich muss jetzt erst einmal meine DB von der EXT befreien.... :(

LG

Re: Forum (wrap?) etwas nach unten verschieben. Wie?

Verfasst: 04.02.2016 14:33
von tb280971
Habe es schon an ziemlich vielen CSS Dateien versucht.
Ich selbst bekomme das nicht hin und habe nach einer Stunde aufgegeben.
Mein Erfolg war das mir der margin-top :oops:
Ich warte mal ab, vllt kommt dir, oder auch anderen noch die Lösung in den Kopf.
Irgendwie muss es ja gehen.
Ich finde es halt nicht so schön wenn das Forum dann eingeloggt unten bleibt.
Sorry für das mit deiner DB und der extra Arbeit.
Gruß

Re: Forum (wrap?) etwas nach unten verschieben. Wie?

Verfasst: 04.02.2016 15:01
von Lehrling
probier's mal damit: öffne die Datei ext/stoker/pmregnotify/styles/all/theme/pmregnotify.css und füge nach

Code: Alles auswählen

* @Author Stoker - http://www.phpbb3bbcodes.com
*
*/
folgendes ein:

Code: Alles auswählen

#intro{
    margin-top: 35px;
}
Dann öffnest du die Datei ext/stoker/pmregnotify/styles/all/template/event/overall_header_body_before.html und fügst nach

Code: Alles auswählen

<!-- IF not (S_USER_LOGGED_IN or S_IS_BOT or S_IN_UCP) and S_REGISTER_ENABLED -->
folgendes ein:

Code: Alles auswählen

<div id="intro">
Vor das erste

Code: Alles auswählen

<!-- ENDIF -->
musst du dann noch</div> einfügen. Nach

Code: Alles auswählen

<!-- IF not S_IS_BOT and S_USER_LOGGED_IN and S_DISPLAY_PM and (S_USER_NEW_PRIVMSG or S_USER_UNREAD_PRIVMSG or U_AJAX_BASE_PRIVATEMSGS) -->
fügst du ein zweites Mal

Code: Alles auswählen

<div id="intro">
ein und vor dem letzten

Code: Alles auswählen

<!-- ENDIF -->
fügst du noch einmal ein </div>ein. Dann musst du den Cache leeren.

Re: Forum (wrap?) etwas nach unten verschieben. Wie?

Verfasst: 04.02.2016 15:33
von tb280971
Hallo Lehrling,
auch dir vorne weg erst mal ein Dankeschön für die Mühe und Hilfe.
Habe es gerade getestet. Haut leider auch nicht ganz hin.
Hier die komplette ext/stoker/pmregnotify/styles/all/theme/pmregnotify.css mit deiner Änderung -->

Code: Alles auswählen

/**
*
* @package phpBB Extension - PM Notify & Guest Register bar
* @copyright (c) 2015 dmzx - http://www.dmzx-web.net
* @license http://opensource.org/licenses/gpl-2.0.php GNU General Public License v2
* @Author Stoker - http://www.phpbb3bbcodes.com
*
*/

#intro{
        margin-top: 35px;
}

#info {
    overflow: visible;
    width: 100%;
    position: fixed;
    left: 0;
    z-index:200;
    margin-top: -0.8em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.5em;
	font-weight: bold;
}

#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
    display: block;
    float: left;
    width:100%;
    clear: both;
    color: #fff;
    padding: .85em 0 .85em 0;
    border-bottom: .25em solid #fff;
	text-align: center;
    text-decoration: none;
	background-image: url("./images/pmreg.png");
	background-position: bottom;
	background-repeat:repeat-x;
}

#infobar a:hover {
    color: #fff;
	background-image: url("./images/pmreg.png");
	background-position: top;
	background-repeat:repeat-x;
	border-bottom: .25em solid #5E5E5E;
	cursor: pointer;
}

span.pm-mail {
	background: url("images/mail.png");
	background-repeat: no-repeat;
	padding: 20px 24px;
	vertical-align:middle;
}

span.pm-reg {
	background-repeat: no-repeat;
	padding: 20px 26px;
	vertical-align:middle;
}

span.padding {
	padding: 0 20px 0 20px;
}
... und hier die ext/stoker/pmregnotify/styles/all/template/event/overall_header_body_before.html mit deiner Änderung -->

Code: Alles auswählen

<div class="responsive-hide">
<!-- IF not (S_USER_LOGGED_IN or S_IS_BOT or S_IN_UCP) and S_REGISTER_ENABLED -->
<div id="intro">
<div id="info">
<div id="infobar">
<a href="{U_REGISTER}"><span class="pm-reg"></span><span class="padding">{L_PMREGBAR_WELCOME} {SITENAME}. {L_PMREGBAR_REGISTER}</span><span class="pm-reg"></span></a>
</div>
</div>
</div>
<!-- ENDIF -->

<!-- IF not S_IS_BOT and S_USER_LOGGED_IN and S_DISPLAY_PM and (S_USER_NEW_PRIVMSG or S_USER_UNREAD_PRIVMSG or U_AJAX_BASE_PRIVATEMSGS) -->
<div id="intro">
<div id="info">
<!-- IF S_USER_NEW_PRIVMSG or S_USER_UNREAD_PRIVMSG -->
<div id="infobar">
<a href="{U_PRIVATEMSGS}"><span class="pm-mail"></span><span class="padding">{L_PMREGBAR_HELLO} {S_USERNAME} {L_PMREGBAR_YOUHAVE} {PRIVATE_MESSAGE_COUNT} {L_PMREGBAR_PM}</span><span class="pm-mail"></span></a>
</div>
<!-- ENDIF -->
</div>
</div>
<!-- ENDIF -->
</div>
Das Ergebnis uneingeloogt (Gäste) sieht jetzt so aus -->
[ externes Bild ]
Haut noch nicht ganz hin als Gast.
Wenn ich mich einlogge passt es jetzt und das Forum ist an seinem ursprünglichen Platz.
Wir kommen der Lösung immer näher ... :)

Re: Forum (wrap?) etwas nach unten verschieben. Wie?

Verfasst: 04.02.2016 15:57
von Lehrling
Du hast auch den Cache geleert? Und dein Style ist prosilver? Bei mir hat es im Testforum funktioniert.

Re: Forum (wrap?) etwas nach unten verschieben. Wie?

Verfasst: 04.02.2016 16:27
von tb280971
Ja, gerade eben nochmals probiert.
Cache geleert und F5. Hab den Cache in meinem Browser aber eh immer komplett abgeschaltet.
Vom Style her hab ich prosilver und prosilver_se.
Bei beiden das gleiche wie in meinem Beitrag zuvor beschrieben.
Hier prosilver --> [ externes Bild ]

Re: Forum (wrap?) etwas nach unten verschieben. Wie?

Verfasst: 04.02.2016 16:34
von Lehrling
oops, ich hatte da noch etwas geändert und zwar habe ich nach dieser Stelle im pmregnotify.css:

Code: Alles auswählen

#info {
    overflow: visible;
    width: 100%;
    position: fixed;
noch top: 0; eingebaut.
Alle Zeiten sind UTC+02:00
Seite 1 von 2

Powered by phpBB® Forum Software © phpBB Limited

Deutsche Übersetzung durch phpBB.de