kostenloser Webspace werbefrei: lima-city


Grafik Background wird weiß?

lima-cityForumDie eigene HomepageGrafikdesign

  1. Autor dieses Themas

    l*******k

    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ß
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. d***s

    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 :)
  4. Autor dieses Themas

    l*******k

    kann mir schnell bitte jemand das machen, möchte gimp jetzt nicht herunterladen?

    danke
  5. d***s

    HAlt warte ich mach das ebend aber das kann dauernn ;)

    Beitrag zuletzt geändert: 3.8.2011 21:39:17 von diers
  6. ole-reglitzki

    Kostenloser Webspace von ole-reglitzki

    ole-reglitzki hat kostenlosen Webspace.

    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
  7. Autor dieses Themas

    l*******k

    Hey,

    ich sag schonmals vielen dank ole-reglitzki. diers auch an dir danke für die schnelle antwort und auch weil helfen wolltest.

    Gruß
  8. ole-reglitzki

    Kostenloser Webspace von ole-reglitzki

    ole-reglitzki hat kostenlosen Webspace.

    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 ;-)
  9. d***s

    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 :)
  10. Autor dieses Themas

    l*******k

    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
  11. ole-reglitzki

    Kostenloser Webspace von ole-reglitzki

    ole-reglitzki hat kostenlosen Webspace.

    für das verzerren einfach bei
    #siteMenu ul a#item2
    und
    #siteMenu ul a#item3
    und
    ...

    ein
    width: 100px;
    o. ä. einfügen.

    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...
  12. Autor dieses Themas

    l*******k

    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
  13. ole-reglitzki

    Kostenloser Webspace von ole-reglitzki

    ole-reglitzki hat kostenlosen Webspace.

    klassen:

    in <div> oder <img>, oder was du verwendest ein class="item" hinzufügen, also <div class="item">
    dann kannst du in css:
    /* -- -- -- 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;}
    sagen (was sollte eig. die zweite background-position von den Items und bei hover?).

    Naja... hier die Bilder ohne den untersten Balken
  14. Autor dieses Themas

    l*******k

    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ß
  15. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!