+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Plugin-Ideen und -Wünsche (https://www.mybb.de/forum/forum-73.html)
+--- Thema: ausgehende Links maskieren (/thread-29673.html)
RE: ausgehende Links maskieren - hkkp - 01.06.2014
hab ich gemacht, trotzdem sehe ich keinen pfeil in der normalen antwort
RE: ausgehende Links maskieren - Jockl - 01.06.2014
Noch einmal und (zumindest für heute das letzte Mal): Deine CSS-Klasse "postmsg" ist entweder nicht definiert oder wird auf Deiner Seite nicht geladen!
RE: ausgehende Links maskieren - hkkp - 01.06.2014
dies ist doch in der global eingetragen
RE: ausgehende Links maskieren - Jockl - 01.06.2014
Du redest hoffentlich von der global.css!
In welcher auch immer Du das eingetragen hast, sieh Dir den Quelltext Deiner Seite an und die css-Dateien, die geladen werden. Da ist nichts von "postmsg" zu sehen. Oder DU nimmst Firebug oder ein anderes Entwicklerwerkzeug. Damit kommt man zu dem selben Ergebnis. Die CSS-Klasse für "postmsg" wird nicht geladen!
So, ich bin müde........
RE: ausgehende Links maskieren - hkkp - 01.06.2014
ich sehe sie hier
RE: ausgehende Links maskieren - MrBrechreiz - 02.06.2014
Hab jetzt dies bei mir so eingebaut und damit werden alle nach aussen gehenden Links gekennzeichnet.
Folgender Code kommt in die global.css (an welcher Stelle ist egal).
Code:
/* Kennzeichnung für externe Links */
a[href^="http://"]:link,
a[href^="https://"]:link,
a[href^="http://"]:visited,
a[href^="https://"]:visited,
a[href^="http://"]:active,
a[href^="https://"]:active {
background:transparent url(images/extern.png) center right no-repeat;
display:inline-block;
padding-right:15px;
color: #eaa225;
text-decoration: none;
}
/* Kennzeichnung für internen Links */
a[href^="http://www.eya-ccg.de"]:link,
a[href^="https://www.eya-ccg.de"]:link,
a[href^="https://eya-ccg.de"]:link,
a[href^="http://eya-ccg.de"]:link,
a[href^="http://www.eya-ccg.de"]:visited,
a[href^="https://www.eya-ccg.de"]:visited,
a[href^="https://eya-ccg.de"]:visited,
a[href^="http://eya-ccg.de"]:visited,
a[href^="http://www.eya-ccg.de"]:active,
a[href^="https://www.eya-ccg.de"]:active,
a[href^="https://eya-ccg.de"]:active,
a[href^="http://eya-ccg.de"]:active {
padding-right: 0;
background: transparent;
color: #eaa225;
text-decoration: none;
}Meine URL "eya-ccg.de" natürlich mit eurer ersetzen, und den Farbcode anpassen. Wer will kann da noch den hover hinzu fügen.
Im Anhang noch das Icon in den images Ordner kopieren.
RE: ausgehende Links maskieren - hkkp - 02.06.2014
so bei mir geht es jetzt auch. der fehler war einfach, dass ich in der css .../../.. eingebe mußte...
Code:
.postmsg a[href^="http:"] {
background: url(../../../images/window_a.gif) top right no-repeat;
padding-right: 16px;
}
.postmsg a[href^="https:"] {
background: url(../../../images/window_a.gif) top right no-repeat;
padding-right: 16px;
}
.postmsg a[href^="http:"]:hover {
text-decoration: underline !important;
}
.postmsg a[href^="https:"]:hover {
text-decoration: underline !important;
}
.postmsg a[href^="http://www.xxx.info"] {
background: url(../../../images/window.gif) top right no-repeat;
padding-right: 16px;
}dazu hab ich noch in dem postbit-template folgendes durchgeführt:
Code:
<div id="pid_{$post['pid']}" class="postmsg">
{$post['message']}
</div>eine farbliche Gestaltung der Links gibt es bei mir nicht.
so bei mir geht es jetzt auch. der fehler war einfach, dass ich in der css .../../.. eingebe mußte...
hat dies irgendeine bewandtnis, dass ich ../../.. eingeben muss?
RE: ausgehende Links maskieren - hkkp - 27.06.2014
jetzt hab ich ein problem festgestellt und zwar fehlt der grüne pfeil hier, woran kann dies liegen?
RE: ausgehende Links maskieren - Jockl - 27.06.2014
Da wird sich vermutlich irgend etwas mit Deiner CSS Klasse quick_jump beißen. Ansonsten denke bitte daran, einen Link zu dem entsprechenden Beitrag zu posten, damit man sich das ansehen kann.....
RE: ausgehende Links maskieren - hkkp - 28.06.2014
PHP-Code:
.postmsg a[href^="http:"] {
background: url(../../../images/window_a.gif) top right no-repeat;
padding-right: 17px;
text-decoration: underline;
}
.postmsg a[href^="https:"] {
background: url(../../../images/window_a.gif) top right no-repeat;
padding-right: 17px;
text-decoration: underline;
}
.postmsg a[href^="http:"]:hover {
text-decoration: underline;
}
.postmsg a[href^="https:"]:hover {
text-decoration: underline;
}
.postmsg a[href^="http://www.schwarzes-bremen.info"] {
background: url(../../../images/window.gif) top right no-repeat;
padding-right: 17px;
text-decoration: underline;
}
PHP-Code:
.quick_jump {
width:13px;
height:13px;
padding-left:13px;
vertical-align:middle;
border:none;
background:url(../../../images/jump.gif) no-repeat 0
}
ändere ich das background zu background-image bei postmsg, dann zeigt sich der grüne pfeil...