YourWBB


yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Link im Beitrag kennzeichnen » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag 11.621 Views | | Thema zu Favoriten hinzufügen
Seiten (3): [1] 2 3 nächste »
Neues Thema erstellen Antwort erstellen
Zum Ende der Seite springen Link im Beitrag kennzeichnen
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
Allcome Allcome ist männlich
Mitglied


Dabei seit: 01.10.09
Beiträge: 55
Forenversion: 2.3
 Link im Beitrag kennzeichnen Antworten Zitieren Editieren Melden       UP
Hallo gibt es eine Möglichkeit einen externen Link zu kennzeichnen? Mittels CSS, das z.b vor einer Adresse ein Symbol (kleine Grafik) erscheint?
03.04.10 00:33 Allcome ist offline E-Mail WWW Finden Als Freund hinzufügen
Dizzy.w3 Dizzy.w3 ist männlich
Brain Damage


images/avatars/avatar-5617.jpg

Dabei seit: 18.07.07
Beiträge: 1.431
Herkunft: Österreich
Forenversion: 3.0
Antworten Zitieren Editieren Melden       UP
http://www.drweb.de/magazin/css-externe-links-kennzeichnen/

__________________
Gruß Dizzy

the rest is silence
03.04.10 12:30 Dizzy.w3 ist offline E-Mail Finden Als Freund hinzufügen Füge Dizzy.w3 in deine Kontaktliste ein MSN Passport-Profil von Dizzy.w3 anzeigen
Allcome Allcome ist männlich
Mitglied


Dabei seit: 01.10.09
Beiträge: 55
Forenversion: 2.3

Themenstarter Thema begonnen von Allcome
Antworten Zitieren Editieren Melden       UP
danke so hab ich mir das auch gedacht, nur welche CSS vom Wbb 2.3 muss dafür angepasst werden?
03.04.10 12:39 Allcome ist offline E-Mail WWW Finden Als Freund hinzufügen
Slugger Slugger ist männlich
Mitglied


Dabei seit: 11.04.05
Beiträge: 477
Fähigkeiten: WBB2 Anfänger; WBB Lite 2 Anfänger; WBB Lite 1 Fortgeschritten
Herkunft: Innercity
Forenversion: 2.3; Lite 2.0
Antworten Zitieren Editieren Melden       UP
Die CSS-Datei die für deinen Style zuständig ist

__________________
Cu,
Slugger
03.04.10 12:56 Slugger ist offline Finden Als Freund hinzufügen
Allcome Allcome ist männlich
Mitglied


Dabei seit: 01.10.09
Beiträge: 55
Forenversion: 2.3

Themenstarter Thema begonnen von Allcome
Antworten Zitieren Editieren Melden       UP
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?
03.04.10 14:12 Allcome ist offline E-Mail WWW Finden Als Freund hinzufügen
onesworld
gesperrt 02/05/10


Dabei seit: 11.05.09
Beiträge: 722
Antworten Zitieren Editieren Melden       UP
Habe ich auch mal nachgefragt. Die Suche bei Y****** und mywbb sollte dich zum gewünschten Ergebnis führen. Du meinst sowas, ja?

Beispiel: http://www.onesworld.eu/thread.php?threadid=2502

Dateianhang:
png extern.png (4,32 KB, 126 mal heruntergeladen)

Dieser Beitrag wurde 2 mal editiert, zum letzten Mal von onesworld: 03.04.10 15:03.
03.04.10 15:00 onesworld ist offline Finden Als Freund hinzufügen
Allcome Allcome ist männlich
Mitglied


Dabei seit: 01.10.09
Beiträge: 55
Forenversion: 2.3

Themenstarter Thema begonnen von Allcome
Antworten Zitieren Editieren Melden       UP
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
03.04.10 15:13 Allcome ist offline E-Mail WWW Finden Als Freund hinzufügen
onesworld
gesperrt 02/05/10


Dabei seit: 11.05.09
Beiträge: 722
Antworten Zitieren Editieren Melden       UP
Das mit dem nicht kennzeichnen von internen Links habe ich auch nicht hinbekommen. Ich habs dann halt einfach so gelassen. *g*
03.04.10 15:16 onesworld ist offline Finden Als Freund hinzufügen
Allcome Allcome ist männlich
Mitglied


Dabei seit: 01.10.09
Beiträge: 55
Forenversion: 2.3

Themenstarter Thema begonnen von Allcome
Antworten Zitieren Editieren Melden       UP
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...
03.04.10 15:26 Allcome ist offline E-Mail WWW Finden Als Freund hinzufügen
Chopsticks Chopsticks ist männlich
Mitglied


images/avatars/avatar-5580.gif

Dabei seit: 11.01.08
Beiträge: 89
Forenversion: 2.3
Antworten Zitieren Editieren Melden       UP
Interne Links muss man entsprechend kennzeichnen.
code: 
1:
2:

a[href^="http://meine-seite.de"] { }
a[href^="http://www.meine-seite.de"] { }
03.04.10 15:28 Chopsticks ist offline E-Mail Finden Als Freund hinzufügen Füge Chopsticks in deine Kontaktliste ein
Allcome Allcome ist männlich
Mitglied


Dabei seit: 01.10.09
Beiträge: 55
Forenversion: 2.3

Themenstarter Thema begonnen von Allcome
Antworten Zitieren Editieren Melden       UP
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?=
03.04.10 15:32 Allcome ist offline E-Mail WWW Finden Als Freund hinzufügen
Chopsticks Chopsticks ist männlich
Mitglied


images/avatars/avatar-5580.gif

Dabei seit: 11.01.08
Beiträge: 89
Forenversion: 2.3
Antworten Zitieren Editieren Melden       UP
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.

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Chopsticks: 03.04.10 15:42.
03.04.10 15:40 Chopsticks ist offline E-Mail Finden Als Freund hinzufügen Füge Chopsticks in deine Kontaktliste ein
Allcome Allcome ist männlich
Mitglied


Dabei seit: 01.10.09
Beiträge: 55
Forenversion: 2.3

Themenstarter Thema begonnen von Allcome
Antworten Zitieren Editieren Melden       UP
geht auch nicht leider unglücklich hängt das vieleicht wegen der image url zusammen? welche muss ich denn angeben, die vom template?

/images/meintemplate/ ?

oder /meintemplate/images/
03.04.10 15:43 Allcome ist offline E-Mail WWW Finden Als Freund hinzufügen
onesworld
gesperrt 02/05/10


Dabei seit: 11.05.09
Beiträge: 722
Antworten Zitieren Editieren Melden       UP
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. fröhlich
03.04.10 15:46 onesworld ist offline Finden Als Freund hinzufügen
Chopsticks Chopsticks ist männlich
Mitglied


images/avatars/avatar-5580.gif

Dabei seit: 11.01.08
Beiträge: 89
Forenversion: 2.3
Antworten Zitieren Editieren Melden       UP
Bei mir funktioniert dieser Lösungsweg.
@Allcome: Wir wissen nicht wo du die Bilder hingelegt hast.

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Chopsticks: 03.04.10 15:55.
03.04.10 15:53 Chopsticks ist offline E-Mail Finden Als Freund hinzufügen Füge Chopsticks in deine Kontaktliste ein
onesworld
gesperrt 02/05/10


Dabei seit: 11.05.09
Beiträge: 722
Antworten Zitieren Editieren Melden       UP
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.
03.04.10 15:55 onesworld ist offline Finden Als Freund hinzufügen
Allcome Allcome ist männlich
Mitglied


Dabei seit: 01.10.09
Beiträge: 55
Forenversion: 2.3

Themenstarter Thema begonnen von Allcome
Antworten Zitieren Editieren Melden       UP
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/

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Allcome: 03.04.10 15:56.
03.04.10 15:55 Allcome ist offline E-Mail WWW Finden Als Freund hinzufügen
onesworld
gesperrt 02/05/10


Dabei seit: 11.05.09
Beiträge: 722
Antworten Zitieren Editieren Melden       UP
Ich?

Bei "Zusätzlicher CSS Code"
03.04.10 15:59 onesworld ist offline Finden Als Freund hinzufügen
Allcome Allcome ist männlich
Mitglied


Dabei seit: 01.10.09
Beiträge: 55
Forenversion: 2.3

Themenstarter Thema begonnen von Allcome
Antworten Zitieren Editieren Melden       UP
Jo du smile
danke,

beginnt deine image url auch mit den ".."
03.04.10 16:00 Allcome ist offline E-Mail WWW Finden Als Freund hinzufügen
onesworld
gesperrt 02/05/10


Dabei seit: 11.05.09
Beiträge: 722
Antworten Zitieren Editieren Melden       UP
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 {
}
03.04.10 16:06 onesworld ist offline Finden Als Freund hinzufügen
Seiten (3): [1] 2 3 nächste » Baumstruktur | Brettstruktur
Gehe zu:

Neues Thema erstellen Antwort erstellen
yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Link im Beitrag kennzeichnen