Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag23.11.2010 um 10:15 (UTC)    
Titel: Ein Bild mit Link irgendwo auf der HP hinstellen (Iceblue)

Kann ich z.B. jetzt ein Bild von meinem Hund irgendwo auf meiner Homepage platzieren ? Das Bild hat dann einen Link. Also, dass ich dann selber z.B. mit height'' oder wight'' oder top'' einstelle, wo es platziert werden soll ? z.B. aufm Header.


Geht das ?
Beitrag23.11.2010 um 12:59 (UTC)    
Titel:

Bein Design Ice Blue ist das glaube ich nicht möglich, ein Bild irgendwo zu platzieren.
Beitrag23.11.2010 um 20:15 (UTC)    
Titel:

Der code hierzu ist:
Code:

<div class="picture(Hier eine Variabel zB 1)"><a target="_blank" href="LINK"> <img border="0" alt="" src="BILD URL" /></a></div>


Code:

<style type="text/css">
<!--
.picture(Hier eine Variabel zB 1) {  // mit der Variabel von oben
  background-image:url();
  position:absolute;
left: 50%;
margin-left:239px;  // position von der mitte aus ausprobieren
top: 1px;  //position von oben
 height: 30px;  //groesse des bildes
 width: 56px;  //groesse des bildes
//--></style><br />


Alles zusammen einfügen

Sollte klappen


Zuletzt bearbeitet von advents am 23.11.2010, 21:18, insgesamt einmal bearbeitet
Beitrag23.11.2010 um 20:42 (UTC)    
Titel:

Ich habe es jetzt mal probiert und dieser Code geht:
Code:
<div class="picture11"><a href="http://adventskalenderraetsel.de.tl/" target="_blank"> <img border="0" src="http://img.webme.com/pic/a/advents/menubutton.png" alt="" /></a></div>
<style type="text/css">
<!--
.picture11 {
  background-image:url();
  position:absolute;
left: 50%;
margin-left:-100px;
top: 50px;
 height: 30px;
 width: 56px;
//--></style><br />

top=position von oben
margin-left= -nach links + nach rechts

viel Spaß damit
Beitrag24.11.2010 um 12:07 (UTC)    
Titel:

Und das muss ich bei Text über Design einfügen oder ?
Beitrag24.11.2010 um 12:45 (UTC)    
Titel:

ne direkt bei der seite im seiteneditor bi "quellcode"

positionier besser mit relative (absolute ist blödsinn wenn es ein zentriertes design ist bzw klappt das auch nicht immer problemlos) und das mit margin bzw padding würde ich auch weglassen


nimm den code

Code:
<div class="picture11"><a href="http://adventskalenderraetsel.de.tl/" target="_blank"> <img border="0" src="http://img.webme.com/pic/a/advents/menubutton.png" alt="" /></a></div>
<style type="text/css">
<!--
.picture11 {
  background-image:url();
  position:relative;
left:100px;
top: 50px;
 height: 30px;
 width: 56px;
z-index:10;
//--></style><br />

______________
Video Portal Unplugged
Neues Gewinnspiel #1
Neues Gewinnspiel #2


Zuletzt bearbeitet von gameshop am 24.11.2010, 13:45, insgesamt einmal bearbeitet
Beitrag27.11.2010 um 12:21 (UTC)    
Titel:

Ich hab jetzt ein Bild mit:

Code:
<div class="picture11"><a href="http://adventskalenderraetsel.de.tl/" target="_blank"> <img border="0" src="http://img.webme.com/pic/a/advents/menubutton.png" alt="" /></a></div>
<style type="text/css">
<!--
.picture11 {
  background-image:url();
  position:absolute;
left: 50%;
margin-left:-100px;
top: 50px;
 height: 30px;
 width: 56px;
//--></style><br />
auf meiner Hp platziert und es funktioniert super !

Wie kann ich ein 2. oder ein 3., etc. mehrere Bilder auf meiner Hp plazieren ?
Beitrag27.11.2010 um 12:28 (UTC)    
Titel:

Hallo,
du kannst mehrere Bilder einfügen, wenn du jedes Mal die Klasse änderst Wink
Somit kannst du zum Beispiel mit Zahlen hochzählen:
Zitat:

<style type="text/css">
<!--
.picture1{
position:relative;
left:100px;
top: 50px;
height: 30px;
width: 56px;
z-index:10;}

.picture2{
position:relative;
left:100px;
top: 50px;
height: 30px;
width: 56px;
z-index:10;}

.picture3{
position:relative;
left:100px;
top: 50px;
height: 30px;
width: 56px;
z-index:10;}
//--></style>
<div class="picture1"><a href="http://adventskalenderraetsel.de.tl/" target="_blank"> <img border="0" src="http://img.webme.com/pic/a/advents/menubutton.png" alt="" /></a></div>
<div class="picture2"><a href="http://adventskalenderraetsel.de.tl/" target="_blank"> <img border="0" src="http://img.webme.com/pic/a/advents/menubutton.png" alt="" /></a></div>
<div class="picture3"><a href="http://adventskalenderraetsel.de.tl/" target="_blank"> <img border="0" src="http://img.webme.com/pic/a/advents/menubutton.png" alt="" /></a></div>
Ich hoffe, ich konnte Ihnen helfen Confused

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag27.11.2010 um 14:19 (UTC)    
Titel:

Alles klar, hat funktioniert. Danke =)
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de