wie position im quellcode finden

**Nathalie86** · 18.08.2010 12:23

hallo. ich habe mir webdeveloper plugin für FF und firebug installiert. dazu ein paar frage.

wenn ich ein neues template installiert und im frontend anzeigen lassen wie gehe ich dann mit den beiden tools um?

ich habe z.b. einen header (grafik) desen feldgröße 900x120px ist darunter beginnt ein horizontales dynamisches menü-

welche optionen muss ich bei den tools akivieren damit ich zu den entsprechenden codezeilen in meiner template.css datei finde.

ich würde z.b. den header gerne höher machen und mit dem menü passend um die höheren pixel nach untern rutschen. wie arbeite ich mit den tools richtig? danke für die hilfe im voraus.

**Indigo66** · 18.08.2010 12:29

Firebug: Element mit der Maus anfahren, rechte Maustaste "Element untersuchen"
Webdeveloper: Strg-Umschalt-Y Und mit der Maus den Bereich anwählen und Klick!

Ist eigentlich kein Joomlaproblem!

**albatros** · 18.08.2010 12:38

Hi,

schau Dir doch auch mal diese Filmchen an:
http://help.joomla.org/files/joomla_...rial_part1.swf
http://help.joomla.org/files/joomla_...rial_part2.swf
http://www.youtube.com/watch?v=7p24bC8ZR3U

hth

albatros

**Nathalie86** · 22.08.2010 16:40

Zitat von albatros

Hi,

schau Dir doch auch mal diese Filmchen an:
http://help.joomla.org/files/joomla_...rial_part1.swf
http://help.joomla.org/files/joomla_...rial_part2.swf
http://www.youtube.com/watch?v=7p24bC8ZR3U

hth

albatros

danke für die links. habs mir durchgeschaut und noch immer ein problem. kann mir hier bitte jemand weiterhelfen und mich anleiten.

was genau muss ich mit firebug machen damit ich weiss wo am websever die hintergrundgrafik liegt http://demo.joomlaxtc.com/?template=blogyouholiday

die breite grafik auf der gesamten breite der seite. wie finde ich den ordner und dateinahmen am webserver der zu dieser grafik gehört.

da wäre mir schon mal geholfen. ich probiere dass dann gleich mal an einem andere template aus

**Orpheus2510** · 22.08.2010 16:54

Liegt in /images/newsflashbgs/fireworks.jpg.

Definiert in der style34.css, Zeile 10:

#newsflashBG {
background:url("../../images/newsflashbgs/fireworks.jpg") no-repeat scroll center top transparent;
height:723px;
margin:-120px 0 16px;
width:100%;
z-index:4;
}

**Nathalie86** · 22.08.2010 17:37

Zitat von Orpheus2510

Liegt in /images/newsflashbgs/fireworks.jpg.

Definiert in der style34.css, Zeile 10:

ok und wie finde ich das jetzt bei anderen templates heraus.

mit welchem werkzeug hast du die grafik angeklickt? ich brauche es ja nicht für dieses template, war nur ein beispiel sondern ich wüsste gerne wie ich es bedienen kann...

**Orpheus2510** · 22.08.2010 18:13

Mit dem Firebug ging das schnell. Wie Indigo66 schon erwähnte.

**Helrunar** · 22.08.2010 18:57

Oder, was Du auch machen kannst: Du aktivierst den Firebug (Klick auf den Käfer in der Statusbar des FF), klickst in dem nun geöffneten Fenster links auf das blaue Rechteck mit dem Pfeil. Wenn Du nun die Maus über Deiner Seite bewegst, so werden Dir die Elemente, über denen sich die maus befindet, mit einem Rechteck angezeigt und wenn Du das richtige hast, dann klick es einmal mit der Linken maustaste an. der Rest ist dann Quellcode im Firebug lesen

**JoomDesign** · 22.08.2010 19:08

Zitat von Nathalie86

...
mit welchem werkzeug hast du die grafik angeklickt? ...

Also für so einfache Dinge gehts meistens auch mit den Bordmitteln des FF.

Einfach mal Rechtsklick auf die jeweilige Grafik und dort
sollten dann Punkte wie "Hintergundgrafik anzeigen" oder "Grafik anzeigen" stehen.

Aber das Werkzeug hat auch seine Berechtigung, keine Frage.

**Nathalie86** · 09.09.2010 12:42

super, danke das mit der hintergrundgrafik hat super geklappt. habe element untersuchen angeklicke und gefunden dass man die höhe der grafik in der template.css in zeile 98 anpassen kann.

das funktioniert auch wunderbar nur dass das menü natürlich an der selben stelle bleibt und somit in die headergrafik hineinsteht.

wenn ich das menü anklicke und auf "element untersuchen" gehe bekomme ich diese meldung:
************************************************** **************************************

.gk-megamenu ul.level0 > li.mega > a.mega span {
display:block;
}
mega.css (Zeile 28)
.gk-megamenu ul.level0 li.mega span.menu-title {
display:block;
}
mega.css (Zeile 30)
.gk-megamenu ul.level0 > li > a > span, .gk_menu > li > a > span, .gk_menu > ul > li > a > span {
text-shadow:1px 1px 1px #333333;
}
style1.css (Zeile 113)
.gk-megamenu ul.level0 > li > a > span, .gk_menu > li > a > span, .gk_menu > ul > li > a > span {
color:#FFFFFF;
************************************************** **************************************

aber wo kann ich jetzt einstellen dass das menü z.b. 100px weiter nach unten rutscht damit das menü wieder an der richten stelle steht. danke für die hilfe!

Thema: wie position im quellcode finden

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

wie position im quellcode finden

Erhielt Danksagungen von:

Erhielt Danksagungen von:

Erhielt Danksagungen von:

Lesezeichen

Lesezeichen

Berechtigungen