Seite 1 von 1

NEUES LAYOUT!

Verfasst: Mo 23. Sep 2002, 19:19
von Mario
hallo ich hab mir mal erlaubt ein neues layout zu schreiben.

beschreibung:
container 1: Topnavigation
container 2: Überschrift
container 3: Nebennavigation(links)
container 4: kleines weißes Fenster (links)
container 5-8: Mittelteil
container 9-12: Rechter Teil der Seite
container 13-14: Footer

Code: Alles auswählen

?>

<!-- css -->
<html>
<head>
	<title>Contenidolayout by Mario</title>

<style>
<!--
body { background: #003366; font-family: Arial,Verdana,sans-serif; font-size: 80%}
.navBarTitle { font-family: Times New Roman, Times, serif; font-size: x-large; color: #ffffff; font-weight: bold}
.navBar { font-size: 80%; color: #ffffff; text-decoration: none; font-weight: bold }
.navBarpipe { font-size: large; color: #336699; font-weight: bold}
a.navBar:hover  { color: #66ccff}

.leftBarLink { font-size: small; color: #ffffff; text-decoration: none}
a.leftBarLink:hover { color: #ffffff; background: #ffffff;}

.centerTopTitle { font-size: x-small; text-transform: uppercase; color: #666633; text-decoration: none; letter-spacing: 5px}
.centerTitle { font-family: Times New Roman, Times, serif; font-size: large; color: #666633; text-decoration: none}
a.centerTitle:hover { color: #0066cc; }
.centerLink{ font-size: small; color: #003366; text-decoration: underline}
a.centerLink:hover { color: #0066cc}

.rightTitle { font-size: x-small; text-transform: uppercase; color: #333300; text-decoration: none; letter-spacing: 3px}
.rightBarLink { font-size: small; color: #003366; text-decoration: none}
a.rightBarLink:hover { color: #0066cc }

td.left { background: #003366; }
td.center { background: #ffffff; }
td.right { background: #cccc99; }
td.navBar { background: #003366; }

.leftLine { background: #336699; }

td.footer { background: #003366; }
.footer { font-size: x-small; color: #ffffff }
a.footer { font-size: x-small; color: #ffffff }

-->
</style>

</head>

<body>

<!--topnavigation-->
<table width="100%" border="0" cellspacing="0" cellpadding="2">
<tr>
	<td nowrap width="59%" valign="middle">
		<span class="navBarTitle">Ihr Seitenname</span>
	</td>
	<td nowrap width="41%" align="left" valign="middle"><span class="navBar">Ihr Seitensloagen oder Bild</span>    
    </td>
</tr>

<tr valign="middle"> 
	<td class="right" colspan=2>
		   <span class="rightBarLink"><b><?php CMS_CONTAINER[1] ?></b></span>
	</td>
</tr>
</table>

<!-- ende der topnavigation -->

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr valign="top"> 
	<td class="right">
	<!-- anfang linke seite -->
	<table width="100%" border="0" cellspacing="0" cellpadding="0">
	<tr>
	<td width="25%" class="left">

		<table width="100%" border="0" cellspacing="1" cellpadding="0">
              <tr class="leftLine"> 
                <td> <br> <br> </td>
              </tr>
              <tr class="leftLine"> 
                <td nowrap><span class="leftBarLink"><?php CMS_CONTAINER[3] ?></span></td>
              </tr>
              <tr class="leftLine"> 
                <td> <br> <br> </td>
              </tr>
            </table>
	</tr>
	</table>

	<br><br>

	<div align=center>
	<!-- kleine tabelle -->
	<table cellpadding=0 cellspacing=0 border=0 width="80%">
	<tr>
		<td class="leftLine">
			<table cellpadding=5 cellspacing=2 border=0 width="100%">
			<tr>
				  <td class="center">  <?php CMS_CONTAINER[4] ?></td>
			</tr>
			</table>
		</td>		
	</tr>
	</table>

	<!-- ende kl. tabelle -->
	</div>
<br>

	</td>
	<!-- links ende -->

	<!-- anfang mitte -->
    <td width="55%" class="center">
		<table border=0 cellpadding=15 cellspacing=0>
		<tr>
			<td>
				<span class="centerTopTitle"><?php CMS_CONTAINER[2] ?></span>
				<hr align=left width="40%">
          <p><?php CMS_CONTAINER[5] ?>
		  <?php CMS_CONTAINER[6] ?>
		  <?php CMS_CONTAINER[7] ?>
		  <?php CMS_CONTAINER[8] ?> </p></td>
		</tr>
		</table>
	</td>
	<!-- mitte ende -->

	<!-- rechts anfang -->
	<td width="20%" class="right">
		<table width="100%" border="0" cellspacing="0" cellpadding="15">
		<tr valign="top">
			<td>
				<span class="rightTitle">News</span>
				<hr align="left" width="80%">
          <p><span class="centerTopTitle"><?php CMS_CONTAINER[9] ?>
		  <span class="centerTopTitle"><?php CMS_CONTAINER[10] ?></span>
		  <span class="centerTopTitle"><?php CMS_CONTAINER[11] ?></span>
		  <span class="centerTopTitle"><?php CMS_CONTAINER[12] ?></span></span> </p></td>
		</tr>
		</table>
    </td>
	<!-- ende rechts -->
</tr>
<tr>
	<td colspan=3 class="footer" align=center>
		<br>
		<span class="footer"><span class="centerTopTitle"><?php CMS_CONTAINER[13] ?>
		<span class="centerTopTitle"><?php CMS_CONTAINER[14] ?></span></span>
		</span>
	</td>
</tr>
</table>

</body>
</html>
probierts aus.
ich hoffe es gefällt. für verbesserungen währe ich dankbar

gruß
mario

Verfasst: Mo 23. Sep 2002, 19:22
von Mario
nachtrag!!!

ich hab die fron_single css mit absicht weggelassen. somit muß man nicht ewig selber rumfummeln

Verfasst: Di 24. Sep 2002, 09:36
von Hanniball
Hi,

kommt schon ganz gut. Beschäftige mich erst seit zwei Tagen mit Contenido, aber bin schon voll begeistert.

Kann es sein, das Du

<script language="javascript" src="js/standard.js"></script>

vergessen hast mit einzubinden. Ich bekomme nämlich ohne das diesen Javascriptfehler, so wie er im Tut bewschrieben ist.

Ansonsten, schick gemacht.

Hilft mir sehr, mich zurecht zu finden :D

/Hanni

Verfasst: Do 31. Okt 2002, 12:09
von fjengels
Hollo,
ich habe Dein Layout bei mir zum Testen eingebaut, (sieht Super aus!)habe nur Probleme mit der Navigation. Gibt es da einen Trick :?:
Ich habe nur die Startseite entweder in Top oder links, nicht aber den ganzen Baum.


Ich würde mich über eine Antwort freuen.

Gruß

FJE

Verfasst: Do 31. Okt 2002, 12:54
von Sven777b
ähm... da ist keine Navigation enthalten!
Die Navigation realisierst du mit dem Navigationsmodul in Container1 und/oder 3.

Ansonsten muss ich sagen, dass mir das Layout ebenfalls gefällt.
@Mario - ich plane demnächst einen Part "Layouts" auf meiner Seite... dürfte ich deines dort mit veröffentlichen ?

Verfasst: Do 31. Okt 2002, 18:07
von fjengels
Hab ich mir auch gedacht!

Geht bei mir aber nicht, habe seven777b und das alte Navmodul versucht, es wird nichts angezeigt. Hatte schon mal das Topnav. änderte die Schrift und weg war es.

Trotzdem vielen Dank, vieleicht hat Mario ja eine Idee/Tipp

Gruss

FJE

Verfasst: Sa 2. Nov 2002, 13:57
von pulk
Sven777b hat geschrieben:ähm... da ist keine Navigation enthalten!
Die Navigation realisierst du mit dem Navigationsmodul in Container1 und/oder 3.

Ansonsten muss ich sagen, dass mir das Layout ebenfalls gefällt.
@Mario - ich plane demnächst einen Part "Layouts" auf meiner Seite... dürfte ich deines dort mit veröffentlichen ?

und was kommt in die anderen container ? was für ein modul ?


finde die idee gut einen eigenen layout bereich aufzumachen :mrgreen:

Verfasst: Sa 2. Nov 2002, 16:50
von Sven777b
...wer lesen kann ist klar im Vorteil...
beschreibung:
container 1: Topnavigation
container 2: Überschrift
container 3: Nebennavigation(links)
container 4: kleines weißes Fenster (links)
container 5-8: Mittelteil
container 9-12: Rechter Teil der Seite
container 13-14: Footer
soll heissen:
container 1: Modul "Navigation" oder "Navigation v3" oder "URhere"
container 2: Modul "Heading" oder "Überschrift"
container 3: Modul "Navigation" oder "Navigation v3"
container 4: Modul "Login" oder "Newsletter"
contanier 5-8: Modul "Text/HTML" , "Text" , "Fliesstext" <- alles was mit Text zu tun hat
container 9-12 Modul "Newsliste" , "Text/HtmL" , "Login" , "Newsletter"
container 13,14: Modul "URhere" , "Link" , "Dokumentinfo" , "Text"

das ist lediglich die Liste der Empfehlenswerten Module für diese Container. Die Entscheidung liegt aber bei dir - das ist Sinn und Zweck eines Layouts. Man kann es beliebig mit Inhalten füllen.

Verfasst: Sa 2. Nov 2002, 17:11
von pulk
danke,
schon klar, aber ich hab hald gar nichts gesehen bei mir, deswegen die frage.

und container 4: Modul "Login" oder "Newsletter" , für mich ist das nicht aus container 4: kleines weißes Fenster (links) herauszulesen.

Verfasst: Sa 2. Nov 2002, 17:22
von Sven777b
und container 4: Modul "Login" oder "Newsletter" , für mich ist das nicht aus container 4: kleines weißes Fenster (links) herauszulesen.
steht da auch nicht - ist aber meines Erachtens nach die Sinnvollste Nutzung des "kleinen weißen Fensters" ;)
Du kannst auch ein Textmodul reinlegen und dort die "Message des Tages" reinschreiben (oder ein Modul dafür erstellen) - sowas kommt immer gut :D