Photoshop-Cafe.de :: Dein Photoshop-Forum

Photoshop-Cafe.de :: Dein Photoshop-Forum (https://www.photoshop-cafe.de/forum/index.php)
-   Hilfestellung, Tipps und Tricks (https://www.photoshop-cafe.de/forum/forumdisplay.php?f=30)
-   -   Web-Design Bilder verlinken (https://www.photoshop-cafe.de/forum/showthread.php?t=13375)

dorftrottel 18.08.11 19:31

Nein, bei Image-Map hast du zwei verschiedene "Werkzeuge". Ein Viereck und eines mit welchem du selbst eine Form erstellen kannst.

1. Lade dein Bild hoch
2. Folge den Schritten bis du im "Editor" bist.
3. Wähle rechts "Rectangle" (=Viereckiges-Werkzeug) oder Custom Shape (=Eigene Form).
4. Ziehe mit dem Rectangle-Werkzeug ein Viereck auf, dort wo innerhalb dieses Vierecks wird später alles verlinkt sein. Es ist das selbe, wie wenn du die Koordinaten selbst bestimmst, nur kannst du es hier grafisch machen und musst die Koordinaten nicht auslesen. Mit dem Custom-Shape-Werkzeug kannst du mit Hilfe von Punkten auch Formen erzeugen.
5. Jeweils beim Textfeld "Link for this map" deinen gewünschten Link einfügen. Wichtig: Immer "http://" vor deinen Link setzen.
6. Wähle "Save" um deinen Link zu bestätigen bzw. zu speichern.
7. Hast du alle Links gesetzt, kannst du rechts auf "Get your Code" klicken.
8. Eine neue Seite wird geladen und oben hast du verschiedene Register wie "HTML Output" etc. Wähle z.B. HTML-Output um zu sehen, wie was später verlinkt wird, bzw. wie es später wirklich aussieht. Bei HTML-Code findest du den Code (und die Koordinaten, die du sonst selber hättest eingeben müssen), den du nun auf deine Webseite oder wo du ihn auch immer haben möchtest laden.

Beachten musst du nur noch, dass die Bilder bei einem Hoster hinterlegt sein müssen, da image-maps die Bilder nur 24 Stunden speichert, deshalb musst du die Codes selbständig anpassen oder oben bei photobucket das Bild runterladen.

Wenn du mit selfhtml auch zum Ergebnis kommst und es dir dort einfacher fällt, mach's dort! ;)

kevbo24 20.08.11 15:42

OK Danke ich werde das mal ausprobieren und gebe Bescheid wenn es geklappt hat oder nicht=)

Danke vielmals!!!

kevbo24

kevbo24 21.08.11 13:46

Ein anderes Problem ist aufgetaucht=) Dort wo ich das gerne machen will gehen nur BB-Codes und kei HTML.

Ist es möglich einen html-Code zu einem BB-Code umzuwandeln?
Wenn ja wie geht sowas?

Sonst hat es ganz gut geklappt bei Image-Map.

kevbo24

heikehk 21.08.11 14:08

Wo genau machst Du das denn?
Das hängt ja sehr vom System ab...

kevbo24 22.08.11 18:53

Wie wo ich das mache? Das sollte eigentlich bei einem Game aufgeschaltet werden.


kevbo24

heikehk 22.08.11 20:23

WEnn Du da BBCodes eingeben kannst, dann muss es dazu auch eine Beschreibung geben, wie Du das machen musst.
Eine allgemein gültige Lösung für BBCodes gibt es meines Wissen nicht.
Gruß
Heike

Die Bunte 23.08.11 09:59

Zitat:

Zitat von kevbo24 (Beitrag 214615)
Ist es möglich einen html-Code zu einem BB-Code umzuwandeln?
Wenn ja wie geht sowas?

Hallo kevbo, poste doch mal den html-Code, damit man sich den mal angucken kann...

kevbo24 23.08.11 13:44

Das wäre der HTML-Code:

<div style="text-align:center; width:600px; margin-left:auto; margin-right:auto;">
<img id="Image-Maps_4201108230741077" src="http://www.image-maps.com/uploaded_files/4201108230741077_1_WD-Profil-vor%C3%BCbergehend.jpg" usemap="#Image-Maps_4201108230741077" border="0" width="600" height="1895" alt="" />
<map id="_Image-Maps_4201108230741077" name="Image-Maps_4201108230741077">
<area shape="rect" coords="94,1331,508,1358" href="http://wolfsdragoner.forumieren.com/" alt="" title="" />
<area shape="rect" coords="598,1893,600,1895" href="http://www.image-maps.com/index.php?aff=mapped_users_4201108230741077" alt="Image Map" title="Image Map" />
</map>
<!-- Image map text links - Start - If you do not wish to have text links under your image map, you can move or delete this DIV -->
<div style="text-align:center; font-size:12px; font-family:verdana; margin-left:auto; margin-right:auto; width:600px;">
<a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://wolfsdragoner.forumieren.com/" title="Untitled">Untitled</a>
| <a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.image-maps.com/index.php?aff=mapped_users_4201108230741077" title="Image Map">Image Map</a>
</div>
<!-- Image map text links - End - -->

</div>


@ heikehk Das ist das einzige was ich gefunden habe:

Textgröße
[size=24] Großer Text [/size-] Das "-" gehört nicht dazu, hab ich nur reingemacht damit der BB-Code nicht aktiviert wird.=)


kevbo24

Die Bunte 26.08.11 11:57

Zitat:

Zitat von kevbo24
Das wäre der HTML-Code:
...

Bin zwar ganz fit, was BB-Code anbelangt, aber nicht beim Thema html, da hab ich bisher nur reingeschnuppert.

Den einen oder anderen html-Code hätte ich dir nach BBC "übersetzen" können, aber diesen da nicht.... ist mir zu kompliziert. Möglicherweise geht es in diesem Fall auch gar nicht. Sorry.

kevbo24 26.08.11 12:23

Ok Danke Dir trotzdem. Ja ich denke hier ist ja vorallem das Problem, dass man eine Verlinkung drin hat, darum vermute ich kann man das gar nicht in einen BB-Code umwandeln.

kevbo24


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:32 Uhr.

Powered by vBulletin® Version 3.8.7 (Deutsch)
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
©2005-2024 photoshop-cafe.de

Seite wurde generiert in 0,02201 Sekunden mit 8 Queries