Werbebanner/Button am Bildschirm

19.04.2012 12:15
avatar  Niklas
#1 Werbebanner/Button am Bildschirm
avatar
Mitglied

In einem vBulletinforum sah ich diesen Einladungsbutten.
Ist dies auch bei uns möglich?

Wenn ja, bitte eine Erklärung, die auch Dummies verstehen

Mit freundlichen Grüßen

Niklas


Foren-Adresse www.pharus-forum.de
Foren-Nummer 544860

 Antworten

 Beitrag melden
19.04.2012 18:09
avatar  Niklas
#2 RE: Werbebanner/Button am Bildschirm
avatar
Mitglied

zu schwer?

Mit freundlichen Grüßen

Niklas


Foren-Adresse www.pharus-forum.de
Foren-Nummer 544860

 Antworten

 Beitrag melden
19.04.2012 18:14
avatar  Fabian
#3 RE: Werbebanner/Button am Bildschirm
avatar
Xobor-Spezialist

Also hier im Support Forum sieht man als Gast ganz oben folgende Leiste:

Servus
Fabian Klose

Bildanhänge

 Antworten

 Beitrag melden
19.04.2012 19:11
avatar  Niklas
#4 RE: Werbebanner/Button am Bildschirm
avatar
Mitglied

... und wie bekomme ich das bei mir hin?

Mit freundlichen Grüßen

Niklas


Foren-Adresse www.pharus-forum.de
Foren-Nummer 544860

 Antworten

 Beitrag melden
19.04.2012 19:35
#5 RE: Werbebanner/Button am Bildschirm
avatar
Mitglied

Gute Frage Niklas,

ist nämlich im Business tatsächlich nicht vorhanden, ich habe in meinen beiden auch gerade geschaut.

Mit freundlichen Grüssen
Gabriella

http://www.musengarten.com/
http://www.garten-der-poesie.de/

Layout: Business

 Antworten

 Beitrag melden
19.04.2012 20:05
avatar  Niklas
#6 RE: Werbebanner/Button am Bildschirm
avatar
Mitglied

Ich stelle nur gute Fragen

Mit freundlichen Grüßen

Niklas


Foren-Adresse www.pharus-forum.de
Foren-Nummer 544860

 Antworten

 Beitrag melden
19.04.2012 23:44
avatar  Damian
#7 RE: Werbebanner/Button am Bildschirm
avatar
Spacebot-Rekordhalter

Du machst einen Container und positionierst in mit position absolute per CSS.
Hier mal ein Ansatz:

1
 
<div class="noreg"><div>Du bist nicht registriert...</div></div>
 


Diese in die Kopfzeile oder jenachdem sollte das auch von der Fußzeile aus gehen.
Dann

1
2
3
4
5
6
7
8
9
10
11
12
 
.noreg {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
}
.noreg div {
position:relative;
top:50%;
text-align:center;
}
 


In das CSS Addon eintragen.
Hier wird ein div mit der CSS-Klasse noreg über den ganzen Bildschrim zu gehen. Der Innere div stellt den Inhalt darin Vertical und Horizontal Mittig. Du kannst aber das ganze nach deinen Wünschen anpassen.

Viele Grüße,
Damian


Kein Support per PN (Private Nachrichten) - Tagger mich lieber (@Damian)
Damians Testforum


 Antworten

 Beitrag melden
20.04.2012 09:40
avatar  Niklas
#8 RE: Werbebanner/Button am Bildschirm
avatar
Mitglied

Hallo Damian!

Herzlichen Dank für Deine Antwort!
Nur was ist ein Container, bzw. wie mache ich den Container auf?

Mit freundlichen Grüßen

Niklas


Foren-Adresse www.pharus-forum.de
Foren-Nummer 544860

 Antworten

 Beitrag melden
20.04.2012 23:48 (zuletzt bearbeitet: 20.04.2012 23:49)
avatar  Damian
#9 RE: Werbebanner/Button am Bildschirm
avatar
Spacebot-Rekordhalter

Da fehlt noch was. Wie meinst du das mit auf? Der Container (http://www.drweb.de/magazin/css-container-grundlagen/) sollte gleich geöffnet sein, was aber auch für Mitglieder aufgeht. Mit hilfe von JS (JavaScript) muss man nicht ins Template dabei eingreifen.
Hier mal ein Vorschlag mit einem leichten Fading:

1
2
3
4
5
6
 
<script type='text/javascript'>
$(document).ready(function(){
if($('.login_box').length){
$('.noreg').fadeIn(500);
$('.noreg').show();}});
</script>
 


Und ein kleinen CSS eintrag habe ich auch vergessen:

.noreg {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
display:none;
}

Viele Grüße,
Damian


Kein Support per PN (Private Nachrichten) - Tagger mich lieber (@Damian)
Damians Testforum


 Antworten

 Beitrag melden
21.04.2012 23:57
avatar  Niklas
#10 RE: Werbebanner/Button am Bildschirm
avatar
Mitglied

Zitat von Damian
Hier mal ein Vorschlag mit einem leichten Fading:

1
2
3
4
5
6
 
<script type='text/javascript'>
$(document).ready(function(){
if($('.login_box').length){
$('.noreg').fadeIn(500);
$('.noreg').show();}});
</script>
 


Und ein kleinen CSS eintrag habe ich auch vergessen:

.noreg {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
display:none;
}


Hi Damian,

vielen Dank!
Container und Schrift habe ich bereits geschafft.
Allerdings verschindet der Container nicht, wenn man eingeloggt ist.

Mit freundlichen Grüßen

Niklas


Foren-Adresse www.pharus-forum.de
Foren-Nummer 544860

 Antworten

 Beitrag melden
22.04.2012 01:10
avatar  Damian
#11 RE: Werbebanner/Button am Bildschirm
avatar
Spacebot-Rekordhalter

du könntest es noch hiermit versuchen:

1
2
3
4
5
6
 
<script type='text/javascript'>
if($('.login_box').length){
$('.noreg').fadeIn(500);
$('.noreg').show();}
else {$('.noreg').hide();}
</script>
 


Also nur das Script ersetzen.

Viele Grüße,
Damian


Kein Support per PN (Private Nachrichten) - Tagger mich lieber (@Damian)
Damians Testforum


 Antworten

 Beitrag melden
22.04.2012 17:20
avatar  Damian
#12 RE: Werbebanner/Button am Bildschirm
avatar
Spacebot-Rekordhalter

Ich habe für dich eine Verbesserte Version. Ich merkte bei der Vorherigen das das Fenster nur im Header in der Mitte ist, und wenn es in der Fußzeile ist, das die Elemente dadurch verdeckt werden und man zum beispiel den Einloggen Button nicht anklicken kann. Mit dieser Version sollte nun alles funktionieren:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<style type="text/css">
.noreg {
position:absolute;
top:50%;
left:50%;
bottom:50%;
right:50%;
}
</style>
<script type='text/javascript'>
if($('.login_box').length){
$('.noreg').fadeIn(500);
$('.noreg').show();}
else {$('.noreg').hide();}
</script>
 
<div class="noreg">Hier die mitteilung zum Registrieren...</div>
 

Viele Grüße,
Damian


Kein Support per PN (Private Nachrichten) - Tagger mich lieber (@Damian)
Damians Testforum


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!