Allcome
Hallo gibt es eine Möglichkeit einen externen Link zu kennzeichnen? Mittels CSS, das z.b vor einer Adresse ein Symbol (kleine Grafik) erscheint?
Allcome
danke so hab ich mir das auch gedacht, nur welche CSS vom Wbb 2.3 muss dafür angepasst werden?
Slugger
Die CSS-Datei die für deinen Style zuständig ist
Allcome
ich hab in der css meines templates ganz am ende
a[href^="http:"] {
background: transparent
url('/images/aoutside.gif') 100% 50% no-repeat;
padding-right: 10px;
eingefügt. Wird aber nix angezeigt, auch die Gif Datei hab ich installiert.
fehlt da noch was?
Allcome
genau sowas in der art, hab mich jetzt auch in den threads belesen, es muss aber irgendwie die möglichkeit geben interne links also alles was meine seite betrifft.. kein logo oder jedenfalls ein anderes symbol erscheint. bei externen links dann wieder ein anderes..
ich probier das mal aus von mywbb.info
onesworld
Das mit dem nicht kennzeichnen von internen Links habe ich auch nicht hinbekommen. Ich habs dann halt einfach so gelassen. *g*
Allcome
ich probiers mal aus, vieleicht krieg ich das anders hin.. Hab bei Joomla auch nen template wo ich einstellen konnte z.b auch verschiedene icons bei wiki oder amazon...
Chopsticks
Interne Links muss man entsprechend kennzeichnen.
| code: |
1:
2:
|
a[href^="http://meine-seite.de"] { }
a[href^="http://www.meine-seite.de"] { } |
|
Allcome
ich probier gerad im desingpack bei weitere css ganz unten folgende parameter:
}
a[href ^="http://de.wikipedia.org/"] {
padding: 5px 20px 5px 0;
background: transparent url(../images/wikipedia.gif) no-repeat center right;
}
(hier z.b um wiki links darzustellen, aber es kommt nix... muss ich die gesamte URL zur Grafik angeben?=
Chopsticks
Probier mal
| code: |
1:
2:
3:
4:
5:
6:
|
a[href ^="http://de.wikipedia.org/"] {
padding: 5px 20px 5px 0;
background-image: url('../images/wikipedia.gif');
background-repeat: no-repeat;
background-position: top right;
} |
|
Kontrolliere ob der Pfad auch richtig ist.
Allcome
geht auch nicht leider
hängt das vieleicht wegen der image url zusammen? welche muss ich denn angeben, die vom template?
/images/meintemplate/ ?
oder /meintemplate/images/
onesworld
Wie gesagt: ich hab auch rumprobiert wie ein Tier, ich habs ned hinbekommen. Wobei ich auch einen eigenen Redeferer verbaut habe und der eben auch dazwischen funkt. Ich hab mir dann gesagt: das bleibt jetzt so. Und mal so unter uns: das merkt niemand.
Chopsticks
Bei mir funktioniert dieser Lösungsweg.
@Allcome: Wir wissen nicht wo du die Bilder hingelegt hast.
onesworld
Ja, das mag sein. Es kommt halt auch drauf an, was man sonst so verbaut hat, was Links an sich angeht. Bei mir hat das derzeit nicht funktioniert, da der Dereferer immer was externes draus gemacht hat.
Allcome
wo hast du denn die css eingefügt?
im desinpack --> bei allgemeine links? oder ganz unten bei weitere css???
ich hab die bilder im ordner images meines templates (also /template/images/
onesworld
Ich?
Bei "Zusätzlicher CSS Code"
Allcome
Jo du
danke,
beginnt deine image url auch mit den ".."
onesworld
Mein zusätzlicher CSS-Code:
| code: |
1:
2:
3:
4:
5:
6:
|
a.extern {padding-right: 12px; padding-bottom:0px;background: url('images/extern.gif') no-repeat right bottom;white-space: Nowrap;}
a:hover.extern {padding-right: 12px;padding-bottom:0px;background: url('images/extern-2.gif') no-repeat right bottom;white-space: Nowrap;}
a:visited.extern {padding-right: 12px;padding-bottom:0px;background: url('images/extern-2.gif') no-repeat right bottom;white-space: Nowrap;}
#tablea {
} |
|