Grafik Background wird weiß?
lima-city → Forum → Die eigene Homepage → Grafikdesign
bearbeiten
bild
blocken
code
dank
display
entfernen
grafik
helfen
http
image
item
klasse packen
pfeil
position
sagen
span
text
unterseite
url
-
Hallo,
wenn ich von meine Grafiiken die Pfeile unten weghaben möchte, dann wird der Hintergrund weiß und dann ist der Background meiner Seite auch automatisch weiß, warum bleibt das nicht transparent bei Paint?
kann mir jemand die Pfeile der MenuBar entfernen?
http://lokalbook.wmw.cc/img.rar
Und wie macht ihr das dann, geht es mit Paint oder Paint.NET überhaupts?
Danke Gruß -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
willst du sagen, du hast die Feile unten weg gemacht und dann ging die Transparenz des bildes verloren ? hast du es vieleicht falsch abgespeichert ? damit es die tranzparenz behält muss es das .png format haben.
Ahhh, ich weiß nach selbst ausprobieren wo der Fehler liegt, Paint unterstützt die tranzparenz nicht !
Am besen holst du dir gimp , das ist gut und nach ein paar tutorials zimlich einfach :) -
kann mir schnell bitte jemand das machen, möchte gimp jetzt nicht herunterladen?
danke -
HAlt warte ich mach das ebend aber das kann dauernn ;)
Beitrag zuletzt geändert: 3.8.2011 21:39:17 von diers -
Aber Paint.NET unterstützt transparenz ;)
Ich habs entfernt, aber der Filemanager ist down...
sobald er wieder oben ist, wird es unter diesem Link verfügbar sein.
EDIT: Ach ja, ich würde für first und last nur das nötigste nehmen und für die Mitte würde eine Pixelspalte vollkommen reichen, dann dauert das Laden der Website nicht ewig ;)
Beitrag zuletzt geändert: 3.8.2011 21:45:55 von ole-reglitzki -
Hey,
ich sag schonmals vielen dank ole-reglitzki. diers auch an dir danke für die schnelle antwort und auch weil helfen wolltest.
Gruß -
Ich habs jetzt wo anders hochgeladen:
hier
Die mit _short gekennzeichneten Bilder sollten ausreichen und Traffic und Ladezeit sparen.
Optimieren ließen sich diese noch durch ein minimieren des Abstandes zwischen den Leisten -
Ich würde auch sagen , wenn du weißt wie es geht, würde ich auch die short bilder wählen, da die bei viel Seiten aufrufen, eine menge traffic einsparen . Und nebenbei lädt die Seite auch noch schneller :)
-
hi,
kannst mir nochmals helfen, das grau/schwarze passt nicht ganz zu meiner seite kannst mir des entfernen letzte Menu leiste in die Grafiken?
wenn ich die short nehme dann zieht es mir die ned ganz rüber hab nur die helikale linien 5 mal drin :D
so, also die Grafik I MENU I MENU I MENU I MENU I
hier wär mal die CSS:
/* Globals */ #siteMenu {position: relative; width: 978px; height: 50px; margin: 0 auto; display: block; clear: both; overflow: hidden;} #siteMenu:after {content: ""; clear: both; height: 0; display: block;} /* Tags */ #siteMenu ul {list-style: none; display: inline;} #siteMenu ul li {font-size: 100% !important; display: inline;} #siteMenu ul li a {position: absolute; top: 0; height: 50px; width: 194px; z-index: 10; display: block; margin: 0 4px; background-image: none; background-repeat: no-repeat; background-position: left top; text-decoration: none;} #siteMenu ul li a span {font-size: 1.2em; color: #666; padding-top: 7px; font-weight: bold !important; text-shadow: 0 1px 0 #fff; line-height: 1; display: block;} #siteMenu ul li a:hover span {color: #333; text-shadow: 0 1px 0 #fff;} #siteMenu ul li a:active span {padding-top: 8px;} .section01 #siteMenu a#item1 span, .section02 #siteMenu ul a#item2 span, .section03 #siteMenu ul a#item3 span, .section04 #siteMenu ul a#item4 span, .section05 #siteMenu ul a#item5 span {color: #fff; text-shadow: 0 -1px 0 #036;} /* -- -- -- Backgrounds -- -- -- */ /* Link */ #siteMenu ul a#item1 {left: 0; background-image: url("../HP/images/menuFirst.png");} #siteMenu ul a#item1:hover {background-position: 0 -100px;} #siteMenu ul a#item1:active {background-position: 0 -200px;} .section01 #siteMenu a#item1, .section01 #siteMenu a#item1:hover {background-position: 0 -300px;} /* Link */ #siteMenu ul a#item2 {left: 194px; background-image: url("../HP/images/menu.png");} #siteMenu ul a#item2:hover {background-position: 0 -100px;} #siteMenu ul a#item2:active {background-position: 0 -200px;} .section02 #siteMenu ul a#item2, .section02 #siteMenu ul a#item2:hover {background-position: 0 -300px;} /* Link */ #siteMenu ul a#item3 {left: 388px; background-image: url("../HP/images/menu.png");} #siteMenu ul a#item3:hover {background-position: 0 -100px;} #siteMenu ul a#item3:active {background-position: 0 -200px;} .section03 #siteMenu ul a#item3, .section03 #siteMenu ul a#item3:hover {background-position: 0 -300px;} /* Link */ #siteMenu ul a#item4 {left: 582px; background-image: url("../HP/images/menu.png");} #siteMenu ul a#item4:hover {background-position: 0 -100px;} #siteMenu ul a#item4:active {background-position: 0 -200px;} .section04 #siteMenu ul a#item4, .section04 #siteMenu ul a#item4:hover {background-position: 0 -300px;} /* Link */ #siteMenu ul a#item5 {left: 776px; background-image: url("../HP/images/menuLast.png");} #siteMenu ul a#item5:hover {background-position: 0 -100px;} #siteMenu ul a#item5:active {background-position: 0 -200px;} .section05 #siteMenu ul a#item5, .section05 #siteMenu ul a#item5:hover {background-position: 0 -300px;}
Gruß
Beitrag zuletzt geändert: 3.8.2011 22:30:48 von lokalbook -
für das verzerren einfach bei
#siteMenu ul a#item2
und
#siteMenu ul a#item3
und
...
ein
o. ä. einfügen.width: 100px;
Wie gesagt, mit Paint.net kannst du die Bilder selber bearbeiten, falls du es nicht hin bekommst, kann ich dir noch einmal die _short Bilder verändern.
Zum Code: ich würde die items in eine Klasse packen, dann brauchst du das nicht für jedes einzeln zu sagen... -
bring des mit den Grafiken ned richtig hin, kannst mir da nochmals helfen, mit dem code klappt es. wie meinst du das in den klassen packen
ich würde die items in eine Klasse packen, dann brauchst du das nicht für jedes einzeln zu sagen...
kannst du mir mal den code so schreiben?
Danke -
klassen:
in <div> oder <img>, oder was du verwendest ein class="item" hinzufügen, also <div class="item">
dann kannst du in css:
sagen (was sollte eig. die zweite background-position von den Items und bei hover?)./* -- -- -- Backgrounds -- -- -- */ /* Link */ #siteMenu ul a#item1 {left: 0; background-image: url("../HP/images/menuFirst.png");} #siteMenu ul a#item1:hover {background-position: 0 -100px;} #siteMenu ul a#item1:active {background-position: 0 -200px;} /* Link */ #siteMenu ul a,item {left: 194px; background-image: url("../HP/images/menu.png");} #siteMenu ul a.item:hover {background-position: 0 -100px;} #siteMenu ul a.item:active {background-position: 0 -200px;} /* Link */ #siteMenu ul a#item5 {left: 776px; background-image: url("../HP/images/menuLast.png");} #siteMenu ul a#item5:hover {background-position: 0 -100px;} #siteMenu ul a#item5:active {background-position: 0 -200px;}
Naja... hier die Bilder ohne den untersten Balken -
Hey,
also das alte aus der css raus oder? und das rein:
/* -- -- -- Backgrounds -- -- -- */ /* Link */ #siteMenu ul a#item1 {left: 0; background-image: url("../HP/images/menuFirst.png");} #siteMenu ul a#item1:hover {background-position: 0 -100px;} #siteMenu ul a#item1:active {background-position: 0 -200px;} /* Link */ #siteMenu ul a,item {left: 194px; background-image: url("../HP/images/menu.png");} #siteMenu ul a.item:hover {background-position: 0 -100px;} #siteMenu ul a.item:active {background-position: 0 -200px;} /* Link */ #siteMenu ul a#item5 {left: 776px; background-image: url("../HP/images/menuLast.png");} #siteMenu ul a#item5:hover {background-position: 0 -100px;} #siteMenu ul a#item5:active {background-position: 0 -200px;}
so sieht meine PHP aus:
<!-- Start: Site Menu --> <div id="siteMenu"> <ul> <li><a href="http://domain./Lokalbook/" id="item1" title="Lokalbook"><span>Lokalbook</span></a></li> <li><a href="http://domain./Lokalbook/" id="item2" title="Unterseite"><span>Unterseite</span></a></li> <li><a href="http://www.Google.de" id="item3" title="Unterseite"><span>Unterseite</span></a></li> <li><a href="http://www.Google.de" id="item4" title="Unterseite"><span>Unterseite</span></a></li> <li><a href="http://www.Google.de" id="item5" title="Unterseite"><span>Unterseite</span></a></li> </ul> </div> <hr> <!-- End: Site Menu -->
aber was genau muss ich da jetzt noch machen oder wie meinst das mit div oder img?
Danke nochmals für die Grafik bearbeiten.
Gruß
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage