#sixbitunder » siX' extern » Helpdesk » Coding » Brauche Hilfe bei einem Stylesheet » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | An Freund senden | Thema zu Favoriten hinzufügen
Neues Thema erstellen Thema ist geschlossen
Zum Ende der Seite springen Brauche Hilfe bei einem Stylesheet
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
ezzemm
Clanadmin

images/avatars/avatar-1557.jpg


Dabei seit: 25.09.2005
Beiträge: 3.938
Squad: siX.bc2
Funktion: ezStats programmer
Steam-ID: ezzemm
Nick BFBC2: ezzemm
Nick BF3: ezzemm

Brauche Hilfe bei einem Stylesheet Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Hallo zusammen!

Ich habe für einen Bekannten eine Homepage erstellt (www.fz-k.de). Dafür habe ich ein simples, aber einfach zu bedienendes CMS verwendet.

Die Navigation ist mittels eines Stylesheets realisiert, den Code habe ich unten gepostet.
Ich würde gern unter die Navigation einen Text und ein Minibanner mit Link plazieren; sprich Werbung.

Kann mir unserer Coding-Koriphäen sagen, wie der entsprechende Code aussieht? ;)

php:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
/* Vertical menu for the CMS CSS Menu Module */
/* by Alexander Endresen */


/* The wrapper determines the width of the menu elements */

#menuwrapper { 
    width200px; 
    }


/* Unless you know what you do, do not touch this */ 

#primary-nav, #primary-nav ul { 
    list-stylenone; 
    margin0px; 
    padding0px; 
    width100%; 
    margin-left: -1px;
    }
#primary-nav ul { 
    positionabsolute; 
    top0; 
    left100%; 
    displaynone; 
    }
#primary-nav li { 
    margin-bottom: -1px; 
    positionrelative; 
    }


/* Styling the basic apperance of the menu elements */

#primary-nav a { 
    border1px solid #006699; 
    displayblock; 
    margin0px; 
    padding5px 10px; 
    text-decorationnone; 
    }
#primary-nav li, #primary-nav li.menuparent { 
    background-color#ececec; 
    }


/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 
    background-color#C7C7C7; 
    }


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#primary-nav li.menuparent, #primary-nav li.menuparent:hover, #primary-nav li.menuparenth { 
    background-imageurl(modules/CSSMenu/images/arrow.gif); 
    background-positioncenter right; 
    background-repeatno-repeat; 
    }


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh { 
    background-color#E7AB0B; 
    }


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul { 
    displaynone; 
    }
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul { 
    displayblock; 
    }


/* IE Hack, will cause the css to not validate */

#primary-nav li, #primary-nav li.menuparenth { _float: left; _height: 1%; }
#primary-nav li a { _height: 1%; }


__________________
"Ein Sturmsoldat muss mit fliegender Fahne aus allen Rohren feuernd mit lautem Hurra sein Team mitreissend in feindliche Squads und Flaggen rennen und dort Menschen für ihre Meinung bestrafen"


12.01.2006 08:33 ezzemm ist offline E-Mail an ezzemm senden Homepage von ezzemm Beiträge von ezzemm suchen

DJKnuffel
ehemaliges Mitglied

images/avatars/avatar-704.jpg


Dabei seit: 12.05.2005
Beiträge: 524
Squad: Besucher
Funktion: ESL-Admin

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

öhm ja..ich muss eingestehen das ich mich mit css nicht so pralle auskenn, ist die navi echt nur mit css gestaltet oder hat die auch tabellen usw.?

__________________
php:
1:
2:
3:
4:
5:
6:
7:
<?php 
if($meinArmaLäuft == true) { 
  echo "Du Cheater"; 
} else { 
  echo "Warte auf Patch 1.03";
}
?>

12.01.2006 09:22 DJKnuffel ist offline Homepage von DJKnuffel Beiträge von DJKnuffel suchen

ezzemm
Clanadmin

images/avatars/avatar-1557.jpg


Dabei seit: 25.09.2005
Beiträge: 3.938
Squad: siX.bc2
Funktion: ezStats programmer
Steam-ID: ezzemm
Nick BFBC2: ezzemm
Nick BF3: ezzemm

Themenstarter Thema begonnen von ezzemm
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Hm, weiß nicht :(
Aber es gibt noch ein zweites Detail-Sheet für die Navi, vielleicht gehört es hier rein?

php:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* NAV BAR ON THE LEFT AND ONE COLUMN OF CONTENT */
    div#content {
        positionrelative;
        width780px;
        margin15px auto 20px 0;
        padding0;
        
        text-alignleft;
    }
    div#main {
        floatright;
        width540px;
        padding0 15px;
        displayinline;
    }
    div#menu_vert {
        floatleft;
        width200px;
        displayinline;
        margin-left0;
    }
    div#content2 {
        displaynone;
    }
    div#menu_horiz {
        displaynone;
    }
/* END CONTENT */


__________________
"Ein Sturmsoldat muss mit fliegender Fahne aus allen Rohren feuernd mit lautem Hurra sein Team mitreissend in feindliche Squads und Flaggen rennen und dort Menschen für ihre Meinung bestrafen"


12.01.2006 09:36 ezzemm ist offline E-Mail an ezzemm senden Homepage von ezzemm Beiträge von ezzemm suchen

Scoop
Ehrenmember

images/avatars/avatar-330.gif


Dabei seit: 30.04.2005
Beiträge: 412
Squad: siX.passiv
Funktion: Nichtsnutz

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

hmm..wird das nicht soweit ich weiss meistens über boxen geregelt?
Im Stylesheet wird ja nur das aussehen geregelt.
Je nachdem welcher CMS das ist, kannste da normalerweise die Templates bearbeiten.

Wie z.B. bei dieser Forumsoftware....da isses vom Prinzip das gleiche.

__________________
Ich habs euch vorher gesagt...aber nöööö...mir glaubt ja keiner ^^
12.01.2006 09:53 Scoop ist offline E-Mail an Scoop senden Homepage von Scoop Beiträge von Scoop suchen Fügen Sie Scoop in Ihre Kontaktliste ein

ezzemm
Clanadmin

images/avatars/avatar-1557.jpg


Dabei seit: 25.09.2005
Beiträge: 3.938
Squad: siX.bc2
Funktion: ezStats programmer
Steam-ID: ezzemm
Nick BFBC2: ezzemm
Nick BF3: ezzemm

Themenstarter Thema begonnen von ezzemm
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Nun, das entsprechende Template sieht so aus:

php:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>


<!-- Fanfarenzug Königseggwald -->

<title>Fanfarenzug Königseggwald</title>
{stylesheet}
</head>

<body>

<div id="page">

   <div id="header" class="clearfix">
                    

   </div><!-- end header -->


   <div class="breadcrumbs">
        {breadcrumbs delimiter='&raquo;' initial='1'}
    </div>

   <div id="content" class="clearfix">

      <div id="menu_vert">
         <h4>Menu</h4>
         {bulletmenu collapse='1'}
      </div>

      <div id="main">
         <h4>{title}</h4>
         {content} <br />
            
      </div>


   </div><!-- end content -->


   <div id="footer" class="clearfix">
      {html_blob name='footer'}
   </div><!-- end footer -->

</div><!-- end page -->


</body>
</html>


__________________
"Ein Sturmsoldat muss mit fliegender Fahne aus allen Rohren feuernd mit lautem Hurra sein Team mitreissend in feindliche Squads und Flaggen rennen und dort Menschen für ihre Meinung bestrafen"


12.01.2006 10:10 ezzemm ist offline E-Mail an ezzemm senden Homepage von ezzemm Beiträge von ezzemm suchen

DJKnuffel
ehemaliges Mitglied

images/avatars/avatar-704.jpg


Dabei seit: 12.05.2005
Beiträge: 524
Squad: Besucher
Funktion: ESL-Admin

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Zitat:
Original von siX|ezzemm
php:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* NAV BAR ON THE LEFT AND ONE COLUMN OF CONTENT */
    div#content {
        positionrelative;
        width780px;
        margin15px auto 20px 0;
        padding0;
        
        text-alignleft;
    }
    div#main {
        floatright;
        width540px;
        padding0 15px;
        displayinline;
    }
    div#menu_vert {
        floatleft;
        width200px;
        displayinline;
        margin-left0;
    }
    div#content2 {
        displaynone;
    }
    div#menu_horiz {
        displaynone;
    }
/* END CONTENT */


das stellt des aussehen der site dar, und da hier komplett mit div tags gearbeitet wird, muss er wohl da ran.

guck mal hier vorbei..vllt. hilft das weiter
Klick
oder
Klick
oder ggf.
Klick

alle links gehen auf subsites von http://www.css4you.de , eine kleine erklärbär seite rund um css Smile

__________________
php:
1:
2:
3:
4:
5:
6:
7:
<?php 
if($meinArmaLäuft == true) { 
  echo "Du Cheater"; 
} else { 
  echo "Warte auf Patch 1.03";
}
?>

12.01.2006 10:49 DJKnuffel ist offline Homepage von DJKnuffel Beiträge von DJKnuffel suchen

ezzemm
Clanadmin

images/avatars/avatar-1557.jpg


Dabei seit: 25.09.2005
Beiträge: 3.938
Squad: siX.bc2
Funktion: ezStats programmer
Steam-ID: ezzemm
Nick BFBC2: ezzemm
Nick BF3: ezzemm

Themenstarter Thema begonnen von ezzemm
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Ich habe tatsächlich im Falschen gesucht; es muß ins Template rein!
Ich hätte nur nicht gedacht, daß ich hier nen ordinären HTML-Code angeben kann! ;) (Zeile 34-36)

php:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>


<!-- Fanfarenzug Königseggwald -->

<title>Fanfarenzug Königseggwald</title>
{stylesheet}
</head>

<body>

<div id="page">

   <div id="header" class="clearfix">
                  

   </div><!-- end header -->


   <div class="breadcrumbs">
        {breadcrumbs delimiter='&raquo;' initial='1'}
    </div>

   <div id="content" class="clearfix">

      <div id="menu_vert">
         <h4>Menu</h4>
         {bulletmenu collapse='1'}

<p>&nbsp;</p>
<p><a href="http://www.test.de">bla</a></p>
<p>&nbsp;</p>


      </div>

      <div id="main">
         <h4>{title}</h4>
         {content} <br />
            
      </div>


   </div><!-- end content -->


   <div id="footer" class="clearfix">
      {html_blob name='footer'}
   </div><!-- end footer -->

</div><!-- end page -->


</body>
</html>


__________________
"Ein Sturmsoldat muss mit fliegender Fahne aus allen Rohren feuernd mit lautem Hurra sein Team mitreissend in feindliche Squads und Flaggen rennen und dort Menschen für ihre Meinung bestrafen"


12.01.2006 15:57 ezzemm ist offline E-Mail an ezzemm senden Homepage von ezzemm Beiträge von ezzemm suchen

DJKnuffel
ehemaliges Mitglied

images/avatars/avatar-704.jpg


Dabei seit: 12.05.2005
Beiträge: 524
Squad: Besucher
Funktion: ESL-Admin

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

versuch mal dieses hier (hab unter dem "div#menu_vert" noch nen block eingefügt):

php:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* NAV BAR ON THE LEFT AND ONE COLUMN OF CONTENT */
    div#content {
        positionrelative;
        width780px;
        margin15px auto 20px 0;
        padding0;
        
        text-alignleft;
    }
    div#main {
        floatright;
        width540px;
        padding0 15px;
        displayinline;
    }
    div#menu_vert {
        floatleft;
        width200px;
        displayinline;
        margin-left0;
    }
    div#menu_vert_links {
        floatleft;
        width200px;
        displayinline;
        margin-left0;
   }
    div#content2 {
        displaynone;
    }
    div#menu_horiz {
        displaynone;
    }
/* END CONTENT */


und im template dieses:

php:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
<?php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>


<!-- Fanfarenzug Königseggwald -->

<title>Fanfarenzug Königseggwald</title>
{stylesheet}
</head>

<body>

<div id="page">

   <div id="header" class="clearfix">
                  
   </div><!-- end header -->

   <div class="breadcrumbs">
        {breadcrumbs delimiter='&raquo;' initial='1'}
    </div>

   <div id="content" class="clearfix">

      <div id="menu_vert">
         <h4>Menu</h4>
         {bulletmenu collapse='1'}
      </div>
      <p>&nbs;</p>
      <div id="menu_vert_links">
         <a href="http://www.test.de">bla</a>
      </div>

      <div id="main">
         <h4>{title}</h4>
         {content} <br />
      </div>

   </div><!-- end content -->

   <div id="footer" class="clearfix">
      {html_blob name='footer'}
   </div><!-- end footer -->

</div><!-- end page -->

</body>
</html?>


eine garantie darauf ob es geht geb ich mal keine, aber ich glaub das was du willst wird durch des eine beispiel was ich vorhin gepostet habe (gaube der 2 Link) gut dargestellt..solltest dir ggf. mal näher anschauen..

__________________
php:
1:
2:
3:
4:
5:
6:
7:
<?php 
if($meinArmaLäuft == true) { 
  echo "Du Cheater"; 
} else { 
  echo "Warte auf Patch 1.03";
}
?>

12.01.2006 16:22 DJKnuffel ist offline Homepage von DJKnuffel Beiträge von DJKnuffel suchen

Baumstruktur | Brettstruktur
Gehe zu:
Neues Thema erstellen Thema ist geschlossen
#sixbitunder » siX' extern » Helpdesk » Coding » Brauche Hilfe bei einem Stylesheet