gulli:board Logo

Anzeige


  Antwort
Uwe80
Mitglied
 
Registrierungsdatum: Aug 2005
Beiträge: 116
Wie einbauen? Diagonales Logo...

Würd gern so ein Logo einbauen...wie mach ich das? Perr css?
Bsp:
http://www.globodigital.net/

Merci!
Alt 01. 05. 2006, 12:31 Uwe80 is offline Mit Zitat antworten #1
Doik
nur noch selten hier
 
Benutzerbild von Doik
 
Registrierungsdatum: Mar 2000
Ort: Berlin
Beiträge: 1.922
Re: Wie einbauen? Diagonales Logo...

dashier? in einem grafikprogramm erstellen, und per css einbinden. woran scheiterst du?
guck dir den quelltext der seite, die du verlinkt hast an, und finde raus wo das bild eingebunden wird. (background: url(bild.jpg)
so long
Doik
Alt 01. 05. 2006, 12:37 Doik is offline Mit Zitat antworten #2
Uwe80
Mitglied
(Threadstarter)
 
Registrierungsdatum: Aug 2005
Beiträge: 116
Re: Wie einbauen? Diagonales Logo...

Hab ich versucht per css:

span#logo {
position: absolute;
display: block;
left: 35px;
top: 28px;
width: 100px;
height: 91px;
z-index: 90;
background: url(http://www.uwes-world.de/joomla/images/uwe/trans.png) 0 0 no-repeat !important;
background: transparent;
}

Aber nada zu sehen...
Alt 02. 05. 2006, 14:39 Uwe80 is offline Mit Zitat antworten #3
Dexter
Cloogshicer®
 
Benutzerbild von Dexter
 
Registrierungsdatum: May 2000
Ort: fuck'nmiddlofnowhere
Beiträge: 13.229
Re: Wie einbauen? Diagonales Logo...

Wäre vielleicht ganz hilfreich zu sagen, was Du wie wohin haben möchtest, wenn ich mir http://www.uwes-world.de/joomla/ anschaue weiss ich's auch nicht besser, davon abgesehen, dass man in dem absurd fürchterlichen Code-chaos da nicht durchblickt. Schreibt joomla solch grausame Konstrukte, oder hast Du das in einem Template geregelt?
Alt 02. 05. 2006, 15:13 Dexter is offline Mit Zitat antworten #4
Uwe80
Mitglied
(Threadstarter)
 
Registrierungsdatum: Aug 2005
Beiträge: 116
Re: Wie einbauen? Diagonales Logo...

Rechts oben in der Ecke, es gab da mal ne FireFox Version....


http://www.fischkopp.ch/archiv/category/webpublishing/xhtml/

Sowas nur für rechts oben!
Alt 05. 05. 2006, 11:05 Uwe80 is offline Mit Zitat antworten #5
Doik
nur noch selten hier
 
Benutzerbild von Doik
 
Registrierungsdatum: Mar 2000
Ort: Berlin
Beiträge: 1.922
Re: Wie einbauen? Diagonales Logo...

kannst du bitte mal deine bisherigen versuche schildern, und einen quelltext posten / bzw besser: hochladen?
nicht nur das stylsheet, sondern auch den html part?
ansonsten gilt: wenn's anderswo funktioniert, brauchst du einfach nur die entsprechenden Stellen übernehmen.
Allgemein gilt: Rück' mehr infos raus. So kann man dir nicht helfen.
so long
Doik
Alt 05. 05. 2006, 11:37 Doik is offline Mit Zitat antworten #6
Uwe80
Mitglied
(Threadstarter)
 
Registrierungsdatum: Aug 2005
Beiträge: 116
Re: Wie einbauen? Diagonales Logo...

Ok..hier der Html Code des Templates

Spoiler:


Und hier CSS:
[spoiler]

/** information for style 1 **/

body {
background: #3B4853 url(../images/uwe/bg??.gif) repeat-x;
color: #21252C; /* dark blue */
}

span#logo {
position: absolute;
display: block;
left: 35px;
top: 28px;
width: 100px;
height: 91px;
z-index: 90;
background: url(/joomla/images/uwe/trans.png) 0 0 no-repeat !important;
background: transparent;

}








a:link,
a:visited {
color: #c00; /* red */
}

div.moduletable h3,
.componentheading,
#moofx a.toggle {
color: #3B4853; /* dark blue */
}

div#side div,
div#side p,
div#side td,
div.bottom div,
div.bottom p,
div.bottom td {
color: #DDE3E8; /* light blue */
}

div#side a:link,
div#side a:visited,
div.bottom a:link,
div.bottom a:visited,
a.pathway:link,
a.pathway:visited,
div#footer a:link,
div#footer a:visited {
color: #C3F400; /* lime green */
}

.contentheading {
color: #637D13; /* green color */
}

a.mainlevel:link,
a.mainlevel:visited {
color: #C3F400; /* lime green */
background: url(../images/tech_menu_fade_1.png) 0 100% no-repeat;
}

div#side a.mainlevel#active_menu:link,
div#side a.mainlevel#active_menu:visited,
div#side a.mainlevel#active_menu:hover {
color: #fff;
font-weight: bold;
}

div#side a.mainlevel:hover {
color: #fff;
}

div#footer {
color: #6B84A0;
}

table.contenttoc {
border: 1px solid #DCE2E7;
}

td.sectiontableheader {
background: #EDF0F3;
color: #333;
}






div#shadow_l {
background: transparent url(../images/tech_shadow_l_1.png) no-repeat;
}

div#shadow_r {
background: transparent url(../images/tech_shadow_r_1.png) 100% 0 no-repeat;
}

div#side {
background: #3B4853 url(../images/tech_side_bg_1.png) repeat-x;
}

div#side_l {
background: url(../images/tech_side_divider_1.png) no-repeat;
}

div#side_r {
background: url(../images/tech_side_divider_1.png) 100% 0 no-repeat;
}

div#header {
background: url(../images/uwe/sommer.jpg) top right no-repeat;
}

div#logo {
background: url(../images/uwe/tech_logo_uwe2.png) 50% 0 no-repeat;
}

div#content {
background: #dce2e7; /* light grey body */
}

div.mainbody {
border: 1px solid #C5CBCF; /* grey outline */
background: #fff;
}

div.pagedivider {
background: url(../images/tech_page_divider_1.png) 50% 0 no-repeat;
}

div#bottomsection {
background: #DCE2E7; /* light blue */
}

div.bottom {
background: #5F6A7E url(../images/tech_bottom_bg_1.png) repeat-x;
}

#moofx a.toggle {
border: 1px solid #C5CBCF;
background: #ECEFF2 url(../images/tech_plus_1.png) 0 50% no-repeat;
}

#moofx div.stretcher {
background: #dce2e7; /* light blue */
}

#nav {
background: #dce2e7 url(../images/tech_bar_bg_1.png) repeat-x;
}

#nav li {
border-right: 1px solid #45570E;
}

#nav li.on {
border-right: 1px solid #444D5C;
}

#nav li.on li.on {
border-right: 0;
}

#nav li ul {
background: #5d7616;
}

#nav li.on ul {
background: #5f6a7e;
}

#nav li a {
color: #ddd;
background: url(../images/tech_menu_1.png) 0 0 no-repeat;
}

#nav li.on a {
color: #fff;
}


#nav li.on li.on a {
color: #fff;
}

#nav li:hover ul a,
#nav li.over ul a{
border-right: 1px solid #99c100;
}

#nav li ul a, #nav li.on ul a {
color: #ddd;
border-right: 1px solid #8b9dbb;
}

#nav li.on ul a {
color: #becce4;
}

#nav ul a:hover {
color: #c8ef43;
}

#nav li.on li a:hover {
color: #d2dbeb;
}

Geändert von Uwe80 (11. 05. 2006 um 16:52 Uhr).
Alt 06. 05. 2006, 07:26 Uwe80 is offline Mit Zitat antworten #7
Doik
nur noch selten hier
 
Benutzerbild von Doik
 
Registrierungsdatum: Mar 2000
Ort: Berlin
Beiträge: 1.922
Re: Wie einbauen? Diagonales Logo...

Wo hast du da bitte versucht das hintergrundbild einzufügen? ich seh nix.
so long
Doik
Alt 06. 05. 2006, 18:08 Doik is offline Mit Zitat antworten #8
Uwe80
Mitglied
(Threadstarter)
 
Registrierungsdatum: Aug 2005
Beiträge: 116
Re: Wie einbauen? Diagonales Logo...

Ups, das falsche css gepostet, SRY! Hat JETZT jemand ne Idee?
Alt 11. 05. 2006, 16:53 Uwe80 is offline Mit Zitat antworten #9
Doik
nur noch selten hier
 
Benutzerbild von Doik
 
Registrierungsdatum: Mar 2000
Ort: Berlin
Beiträge: 1.922
Re: Wie einbauen? Diagonales Logo...

das prinzip von css und html hast du noch nich ganz verinnerlicht, oder?
was soll eine formatierungsanweisung, die sich auf ein <span> tag mit der id logo bezieht, wenn das span tag gar nich vorhanden ist?
c&p so ganz ohne denken klappt nicht. (sorry)
html:
Code:
<html> <span id="logo"></span> </html>
cdd wie gehabt.
so long
Doik
Alt 11. 05. 2006, 17:00 Doik is offline Mit Zitat antworten #10
Uwe80
Mitglied
(Threadstarter)
 
Registrierungsdatum: Aug 2005
Beiträge: 116
Re: Wie einbauen? Diagonales Logo...

So, habs hinbekommen: www.uwes-world.de

Danke für die Tips! Aber warum wirds nicht im IE angezeigt??
Alt 13. 05. 2006, 20:44 Uwe80 is offline Mit Zitat antworten #11
Doik
nur noch selten hier
 
Benutzerbild von Doik
 
Registrierungsdatum: Mar 2000
Ort: Berlin
Beiträge: 1.922
Re: Wie einbauen? Diagonales Logo...

gnarf.
Entweder du sagst von vornherein, dass du *keinen* plan von html/css hast, und jetzt eine schritt-fuer-schritt anleitung brauchst um so ein ding einzubauen, *oder* du beschäftigst einfach mal ein bisschen selbst mit dem thema.
Alles andere is verdammt mühsam.
zum problem: <span id="logo"></span> hat einfach im <head> nix zu suchen. das gehört in den <body> . ein wunder dass der firefox das darstellt.
*kopfschüttelnd ab*
so long
Doik
Alt 14. 05. 2006, 00:54 Doik is offline Mit Zitat antworten #12
Uwe80
Mitglied
(Threadstarter)
 
Registrierungsdatum: Aug 2005
Beiträge: 116
Re: Wie einbauen? Diagonales Logo...

Der Ton hier im Board ist aber auch nicht der allerbeste. Sollte man doch gemerkt haben dass ich davon sogutwie keinen Plan hab. Naja, werd in Zukunft solche Fragen woanders stellen. Haunse rein
Alt 14. 05. 2006, 08:40 Uwe80 is offline Mit Zitat antworten #13
Doik
nur noch selten hier
 
Benutzerbild von Doik
 
Registrierungsdatum: Mar 2000
Ort: Berlin
Beiträge: 1.922
Re: Wie einbauen? Diagonales Logo...

Zitat:
Zitat von Uwe80 
Der Ton hier im Board ist aber auch nicht der allerbeste.
Der gute Ton leidet zunehmend mit der Anzahl der unpräzisen Fragen
Zitat:
Sollte man doch gemerkt haben dass ich davon sogutwie keinen Plan hab.
Wie mach ich das? per css? - hab das css mal eingefügt - etc.pp
Sorry aber wenn jemand von css redet, und davon redet, dass er sein stylesheet editiert hat, dann komm ich einfach nicht mehr drauf, dass dieser jemand nicht weiß, dass das ohne änderung am html nix bringt.
Hättest du von vornherein gesagt: "sorry jungs, ich hab keinen plan von dem zeuch", wäre man auf sowas eventuell gekommen.
Zusätzlich verliere ich persöhnlich einfach die Lust jemandem zu helfen, der unpräzise fragen stellt, deshalb nach jedem Schritt nochmal nachfragen muss, und gleichzeitig keine minute daran denkt mal selber etwas nachzulesen. Das ganze ist mir einfach zu mühsam.
Und ich fürchte, dass Dir sowas auch in anderen Foren passieren wird.
so long
Doik
Alt 14. 05. 2006, 10:04 Doik is offline Mit Zitat antworten #14
Dexter
Cloogshicer®
 
Benutzerbild von Dexter
 
Registrierungsdatum: May 2000
Ort: fuck'nmiddlofnowhere
Beiträge: 13.229
Re: Wie einbauen? Diagonales Logo...

Alt 14. 05. 2006, 14:14 Dexter is offline Mit Zitat antworten #15
Themen-Optionen Antwort


Themen-Optionen

Gehe zu



Alle Zeitangaben in UTC +1. Es ist jetzt 14:58 Uhr.
Angetrieben von vBulletin
Copyright ©2000 - 2006, Jelsoft Enterprises Ltd.
neurotypical.gullisys.net

Anmelden

Benutzername
Kennwort
© Copyright 2008 gulli.com home | regeln | sitemap | kontakt | impressum | partner | downloads | disclaimer |
Message Boards and Forums Directory