PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Shop
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
Forum
Contest-Bereich - 2D, 3D & Fotografie
2D-Contests - Monatscontests, User-Battles, ...
Hilfe in CSS
Beitrag
<blockquote data-quote="adler32" data-source="post: 687823"><p><strong>AW: Hilfe in CSS</strong></p><p></p><p><u><strong><span style="color: Red">Template CSS</span></strong></u></p><p></p><p><span style="color: Black">/* template.css */</span></p><p><span style="color: Black"></span></p><p><span style="color: Black">body {</span></p><p><span style="color: Black"> font-size: 100%;</span></p><p><span style="color: Black"> margin: 0;</span></p><p><span style="color: Black"> font-family: Tahoma, Verdana;</span></p><p><span style="color: Black"> font-size: 12px;</span></p><p><span style="color: Black">}</span></p><p><span style="color: Black"></span></p><p><span style="color: Black">#container_1 {</span></p><p><span style="color: Black"> text-align: center;</span></p><p><span style="color: Black"> width: 80%;</span></p><p><span style="color: Black">}</span></p><p><span style="color: Black"></span></p><p><span style="color: Black">#container_2 {</span></p><p><span style="color: Black"> text-align: left;</span></p><p><span style="color: Black"> margin: 0 auto;</span></p><p><span style="color: Black"> background: none;</span></p><p><span style="color: Black">}</span></p><p><span style="color: Black"></span></p><p><span style="color: Black">#container_3 {</span></p><p><span style="color: Black"> text-align: center;</span></p><p><span style="color: Black"> width: 80%;</span></p><p><span style="color: Black">}</span></p><p><span style="color: Black"></span></p><p><span style="color: Black">/* header */</span></p><p><span style="color: Black">#header {</span></p><p><span style="color: Black"> height: 155px;</span></p><p><span style="color: Black"> margin: 0 auto;</span></p><p><span style="color: Black">}</span></p><p><span style="color: Black"></span></p><p><span style="color: Black">/* top menu (user3) */</span></p><p><span style="color: Black"></span></p><p><span style="color: Black">#topmenu {</span></p><p><span style="color: Black"> height: 30px;</span></p><p><span style="color: Black">}</span></p><p><span style="color: Black"></span></p><p><span style="color: Black">/* module left */</span></p><p><span style="color: Black">#left {</span></p><p><span style="color: Black"> width: 23%;</span></p><p><span style="color: Black"> float: left;</span></p><p><span style="color: Black">}</span></p><p><span style="color: Black"></span></p><p><span style="color: Black">#placeholder {</span></p><p><span style="color: Black"> width: 1%;</span></p><p><span style="color: Black"> height: 20px;</span></p><p><span style="color: Black"> float: left;</span></p><p><span style="color: Black">}</span></p><p><span style="color: Black"></span></p><p><span style="color: Black">#left_m {</span></p><p><span style="color: Black"> background: #fff;</span></p><p><span style="color: Black">}</span></p><p><span style="color: Black"></span></p><p><span style="color: Black">#left_r {</span></p><p><span style="color: Black"> padding: 1px 22px 0;</span></p><p><span style="color: Black"> min-height: 330px;</span></p><p><span style="color: Black">}</span></p><p><span style="color: Black"></span></p><p><span style="color: Black">/* content */</span></p><p><span style="color: Black">#pathway_outer {</span></p><p><span style="color: Black"> padding: 8px;</span></p><p><span style="color: Black">}</span></p><p><span style="color: Black"></span></p><p><span style="color: Black">#pathway_inside {</span></p><p><span style="color: Black"> padding: 3px;</span></p><p><span style="color: Black"> font-weight: bold;</span></p><p><span style="color: Black">}</span></p><p><span style="color: Black"></span></p><p><span style="color: Black">#content_outer {</span></p><p><span style="color: Black"> width: 76%;</span></p><p><span style="color: Black"> float: left;</span></p><p><span style="color: Black">}</span></p><p><span style="color: Black"></span></p><p><span style="color: Black">#content_outer_full {</span></p><p><span style="color: Black"> width: auto;</span></p><p><span style="color: Black"> margin-left: 0;</span></p><p><span style="color: Black">}</span></p><p><span style="color: Black"></span></p><p><span style="color: Black">.clr {</span></p><p><span style="color: Black"> clear: both;</span></p><p><span style="color: Black">}</span></p><p><span style="color: Black"></span></p><p><span style="color: Black">#content_m {</span></p><p><span style="color: Black"> background: #fff;</span></p><p><span style="color: Black">}</span></p><p><span style="color: Black"></span></p><p><span style="color: Black">#content_r {</span></p><p><span style="color: Black"> min-height: 330px;</span></p><p><span style="color: Black">}</span></p><p><span style="color: Black"></span></p><p><span style="color: Black">#content_inside {</span></p><p><span style="color: Black"> margin: 0 22px;</span></p><p><span style="color: Black"> border-top: 1px solid #fff;</span></p><p><span style="color: Black"> text-align: justify;</span></p><p><span style="color: Black">}</span></p><p><span style="color: Black"></span></p><p><span style="color: Black">#component {</span></p><p><span style="color: Black"> padding: 10px 0 10px 8px;</span></p><p><span style="color: Black">}</span></p><p><span style="color: Black"></span></p><p><span style="color: Black">#component_inside {</span></p><p><span style="color: Black"> width: 100%;</span></p><p><span style="color: Black"> float: left;</span></p><p><span style="color: Black"> display: inline;</span></p><p><span style="color: Black"> padding-right: 1.5%;</span></p><p><span style="color: Black">}</span></p><p><span style="color: Black"></span></p><p><span style="color: Black">#component_inside_full {</span></p><p><span style="color: Black"> width: auto;</span></p><p><span style="color: Black"> float: none;</span></p><p><span style="color: Black"> padding-right: 8px;</span></p><p><span style="color: Black">}</span></p><p><span style="color: Black"></span></p><p><span style="color: Black">#right {</span></p><p><span style="color: Black"> width: 23%;</span></p><p><span style="color: Black"> float: left;</span></p><p><span style="color: Black"> text-align: left;</span></p><p><span style="color: Black">}</span></p><p><span style="color: Black"></span></p><p><span style="color: Black">#component a:link, #component a:visited, #left_r a:link , #left_r a:visited {</span></p><p><span style="color: Black"> text-decoration: none;</span></p><p><span style="color: Black"> font-size: 11px;</span></p><p><span style="color: Black"> font-weight: bold;</span></p><p><span style="color: Black">}</span></p><p><span style="color: Black"></span></p><p><span style="color: Black">#left_r {</span></p><p><span style="color: Black"> border: 0 none;</span></p><p><span style="color: Black">}</span></p><p><span style="color: Black"></span></p><p><span style="color: Black">/* module right */</span></p><p><span style="color: Black">#right {</span></p><p><span style="color: Black"> width: 23%;</span></p><p><span style="color: Black"> float: right;</span></p><p><span style="color: Black">}</span></p><p><span style="color: Black"></span></p><p><span style="color: Black">#placeholder {</span></p><p><span style="color: Black"> width: 1%;</span></p><p><span style="color: Black"> height: 20px;</span></p><p><span style="color: Black"> float: left;</span></p><p><span style="color: Black">}</span></p><p><span style="color: Black"></span></p><p><span style="color: Black">#right_m {</span></p><p><span style="color: Black"> background: #fff;</span></p><p><span style="color: Black">}</span></p><p><span style="color: Black"></span></p><p><span style="color: Black">#right_r {</span></p><p><span style="color: Black"> padding: 1px 22px 0;</span></p><p><span style="color: Black"> min-height: 330px;</span></p><p><span style="color: Black">}</span></p><p><span style="color: Black"></span></p><p><span style="color: Black">/* footer */</span></p><p><span style="color: Black">#footer {</span></p><p><span style="color: Black"> width: 100%;</span></p><p><span style="color: Black"> height: 51px;</span></p><p><span style="color: Black">}</span></p><p><span style="color: Black"></span></p><p><span style="color: Black">#footer_1 {</span></p><p><span style="color: Black"> height: 50px;</span></p><p><span style="color: Black"> margin: 0 auto;</span></p><p><span style="color: Black"> text-align: right;</span></p><p><span style="color: Black"> padding-top: 10px;</span></p><p><span style="color: Black">}</span></p><p><span style="color: Black"></span></p><p><span style="color: Black">#footer_1 a:link, #footer_1 a:visited {</span></p><p><span style="color: Black"> padding: 3px 5px 3px 21px;</span></p><p><span style="color: Black"> border: 0 none !important;</span></p><p><span style="color: Black"> font-weight: bold;</span></p><p><span style="color: Black">}</span></p><p><span style="color: Black"></span></p><p><span style="color: Black">#footer_2 {</span></p><p><span style="color: Black"> text-align: center;</span></p><p><span style="color: Black"> font-size: 10px;</span></p><p><span style="color: Black"> font-weight: bold;</span></p><p><span style="color: Black"> margin: 0 auto;</span></p><p><span style="color: Black">}</span></p><p><span style="color: Black"></span></p><p><span style="color: Black">#footer a:link, #footer a:visited {</span></p><p><span style="color: Black"> font-size: 10px;</span></p><p><span style="color: Black"> text-decoration: bold;</span></p><p><span style="color: Black">}</span></p><p><span style="color: Black"></span></p><p><span style="color: Black">#top_user {</span></p><p><span style="color: Black"> padding: 0 8px;</span></p><p><span style="color: Black">}</span></p><p><span style="color: Black"></span></p><p><span style="color: Black">#user1 {</span></p><p><span style="color: Black"> float: left;</span></p><p><span style="color: Black"> width: 49.5%;</span></p><p><span style="color: Black"> padding-right: 0.5%;</span></p><p><span style="color: Black"> display: inline;</span></p><p><span style="color: Black">}</span></p><p><span style="color: Black"></span></p><p><span style="color: Black">#user2 {</span></p><p><span style="color: Black"> float: left;</span></p><p><span style="color: Black"> width: 49.5%;</span></p><p><span style="color: Black"> padding-left: 0.5%;</span></p><p><span style="color: Black"> display: inline;</span></p><p><span style="color: Black">}</span></p><p><span style="color: Black"></span></p><p><span style="color: Black">#user1_full, #user2_full {</span></p><p><span style="color: Black"> float: none;</span></p><p><span style="color: Black"> width: auto;</span></p><p><span style="color: Black">}</span></p><p><span style="color: Black">---------------------------------------</span></p><p><span style="color: Black"></span><u><strong><span style="color: Red">Grey CSS</span></strong></u></p><p></p><p>body {</p><p> color: #888;</p><p> background: #fff url(../images/grey/bg_top_grey.png) center top repeat-x;</p><p>}</p><p></p><p>a:link, a:visited {</p><p> color: #888;</p><p> text-decoration: none;</p><p> font-weight: bold;</p><p>}</p><p></p><p>a:hover {</p><p> color: #888;</p><p>}</p><p></p><p>#header {</p><p> background: url(../images/grey/header_grey.png) no-repeat 0 0;</p><p>}</p><p></p><p>/* module left */</p><p>#left_l {</p><p> background: url(../images/grey/cont_shadow_l_grey.png) top left no-repeat;</p><p>}</p><p></p><p>#left_r {</p><p> background: url(../images/grey/cont_shadow_r_grey.png) top right no-repeat;</p><p>}</p><p></p><p>/* content */</p><p>#content_l {</p><p> background: url(../images/grey/cont_shadow_l_grey.png) top left no-repeat;</p><p>}</p><p></p><p>#content_r {</p><p> background: url(../images/grey/cont_shadow_r_grey.png) top right no-repeat;</p><p>}</p><p></p><p>#pathway_inside {</p><p> border: 1px dotted #ddd;</p><p>}</p><p></p><p>.inputbox {</p><p> border: 1px solid #888;</p><p> background: #f4f4f4;</p><p> padding: 2px;</p><p> color: #888;</p><p>}</p><p></p><p>.inputbox:hover, .inputbox:focus {</p><p> border: 1px solid #888;</p><p> background: #fff;</p><p>}</p><p></p><p>.button {</p><p> background: #888;</p><p>}</p><p></p><p>.button:hover {</p><p> background: #222;</p><p>}</p><p></p><p>/* module right */</p><p>#right_l {</p><p>background: url(../images/grey/cont_shadow_l_grey.png) top left no-repeat;</p><p>}</p><p></p><p>#right_r {</p><p>background: url(../images/grey/cont_shadow_r_grey.png) top right no-repeat;</p><p>}</p><p></p><p>/* footer */</p><p>#footer {</p><p> background: #fff url(../images/grey/bg_bottom_grey.png) center bottom repeat-x;</p><p>}</p><p></p><p>#footer a:link, #footer a:visited {</p><p> color: #888;</p><p> border-bottom: 1px dashed #888;</p><p>}</p><p></p><p>#footer a:hover {</p><p> color: #fff;</p><p> border-bottom: 1px dashed #fff;</p><p>}</p><p></p><p>#footer_1 a {</p><p> background: url(../images/grey/top_bg.gif) no-repeat;</p><p>}</p><p></p><p>/* topmenu (user3) */</p><p>#current a:link, #active_menu-nav.mainlevel-nav {</p><p> background: url(../images/grey/topmenu_shadow_l_grey.png) no-repeat top left;</p><p>}</p><p></p><p>#topmenu {</p><p> background: url(../images/grey/topmenu_bg_grey.png) repeat-x top center;</p><p>}</p><p></p><p>#mainlevel-nav li:hover {</p><p> background: url(../images/grey/topmenu_shadow_l_grey.png) no-repeat top left;</p><p>}</p><p></p><p>#mainlevel-nav li a:link, #mainlevel-nav li a:visited {</p><p> color: #888;</p><p>}</p><p></p><p>#mainlevel-nav li a:hover {</p><p> color: #888;</p><p> background: url(../images/grey/topmenu_shadow_r_grey.png) no-repeat top right;</p><p>}</p><p></p><p>.componentheading, .contentheading {</p><p> border-bottom: 1px solid #888;</p><p>}</p><p></p><p>.contentheading {</p><p> border-left: 5px solid #888;</p><p>}</p><p></p><p>.module_menu h3, .module h3 {</p><p> background: url(../images/grey/topmenu_bg_grey.png);</p><p>}</p><p></p><p>.article_separator {</p><p> border-bottom: 1px dashed #888;</p><p>}</p><p></p><p>ul.menu li a:link span, ul.menu li a:visited span {</p><p> color: #888;</p><p> border-bottom: 1px dotted #888;</p><p>}</p><p></p><p>ul.menu li a:hover span {</p><p> color: #888;</p><p> border-bottom: 1px dotted #888;</p><p> background: #f4f4f4;</p><p>}</p><p></p><p>tr.sectiontableentry1 td {</p><p> background: #f4f4f4;</p><p>}</p><p></p><p>tr.sectiontableentry2 td {</p><p> background: #fbfbfb;</p><p>}</p><p>--------------------------</p><p><u><strong><span style="color: Red">Index PHP</span></strong></u></p><p></p><p><?php</p><p>// Copyright (C) 2008 by SCHAFFENSKRAFT.INFO</p><p>// no direct access</p><p>defined( '_JEXEC' ) or die( 'Restricted access' );</p><p>JHTML::_('behavior.mootools');</p><p>?></p><p><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></p><p><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" ></p><p></p><p><head></p><p></p><p><jdoc:include type="head" /></p><p> <link rel="shortcut icon" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/<?php echo $this->params->get('templatecolor'); ?>/favicon.ico" type="image/x-icon" /></p><p> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" /></p><p> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" /></p><p><link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" /></p><p><link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/joomla.css" type="text/css" /></p><p><link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/<?php echo $this->params->get('templatecolor'); ?>.css" type="text/css" /></p><p><!--[if IE]><style type="text/css" media="screen">body {behavior: url(<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/csshover.htc);}</style><![endif]--></p><p> <?php if ($this->params->get('TopLink')) : ?></p><p><script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/smoothscroll.js"></script></p><p> <?php endif; ?></p><p> <?php if ($this->params->get('Link type of Left')) : ?></p><p><script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/moomenu.js"></script></p><p> <?php endif; ?></p><p> </p><p> <?php</p><p> if($this->countModules('left') == 0) $contentwidth = "_full";</p><p> if($this->countModules('right') == 0) $componentwidth = "_full";</p><p> if($this->countModules('user2') == 0) $user1width = "_full";</p><p> if($this->countModules('user1') == 0) $user2width = "_full";</p><p> ?></p><p> </p><p> <style type="text/css"></p><p> #header { width: <?php echo $this->params->get('TemplateWidth'); ?>; }</p><p> #container_2 { width: <?php echo $this->params->get('TemplateWidth'); ?>; }</p><p> #footer_1 { width: <?php echo $this->params->get('TemplateWidth'); ?>; }</p><p> #footer_2 { width: <?php echo $this->params->get('TemplateWidth'); ?>; }</p><p> </style></p><p></p><p></head></p><p></p><p><body></p><p></p><p><div><a id="top" name="top"></a></div></p><p></p><p><jdoc:include type="message" /></p><p></p><p><div id="header"></p><p></p><p></div></p><p></p><p><div id="container_3"></p><p> <?php if($this->countModules('right')) : ?></p><p> <div id="right"></p><p> <div id="right_m"></p><p> <div id="right_l"></p><p> <div id="right_r"></p><p> <jdoc:include type="modules" name="right" style="rounded" /></p><p> </div></p><p> </div></p><p> </div></p><p> </div></p><p> <?php endif; ?></p><p><div id="container_1"></p><p> <div id="container_2"></p><p> <?php if($this->countModules('left')) : ?></p><p> <div id="left"></p><p> <div id="left_m"></p><p> <div id="left_l"></p><p> <div id="left_r"></p><p> <jdoc:include type="modules" name="left" style="rounded" /></p><p> </div></p><p> </div></p><p> </div></p><p> </div></p><p> <?php endif; ?></p><p> <div id="placeholder"></div></p><p> <div id="content_outer<?php echo $contentwidth; ?>"></p><p> <div id="content_m"></p><p> <div id="content_l"></p><p> <div id="content_r"></p><p> <div id="content_inside"></p><p> <div id="topmenu"></p><p> <jdoc:include type="modules" name="user3" /></p><p> </div></p><p> <div id="pathway_outer"></p><p> <div id="pathway_inside"></p><p> <?php echo JText::_('You are here'); ?>:</p><p> <jdoc:include type="modules" name="breadcrumb" /></p><p> </div></p><p> </div></p><p> <div id="top_user"></p><p> <?php if($this->countModules('user1')) : ?></p><p> <div id="user1<?php echo $user1width; ?>"></p><p> <jdoc:include type="modules" name="user1" style="rounded" /></p><p> </div></p><p> <?php endif; ?></p><p> <?php if($this->countModules('user2')) : ?></p><p> <div id="user2<?php echo $user2width; ?>"></p><p> <jdoc:include type="modules" name="user2" style="rounded" /></p><p> </div></p><p> <?php endif; ?></p><p> <div class="clr"></div></p><p> </div></p><p> <div id="component"></p><p> <div id="component_inside<?php echo $componentwidth; ?>"></p><p> <jdoc:include type="component" /></p><p> </div></p><p> <?php if($this->countModules('right')) : ?></p><p> <div id="right"></p><p> <jdoc:include type="modules" name="right" style="rounded" /></p><p> </div></p><p> <?php endif; ?></p><p> <div class="clr"></div></p><p> </div></p><p> </div></p><p> </div></p><p> </div></p><p> </div></p><p> </div></p><p> <div class="clr"></div></p><p> </div></p><p></div></p><p></p><p><div id="footer"></p><p> <div id="footer_1"></p><p> <?php if ($this->params->get('TopLink')) : ?></p><p> <a href="#top"><?php echo JText::_('to top') ?></a> </p><p> <?php endif; ?></p><p> </div></p><p> <div id="footer_2"></p><p><?php echo JText::_('Powered by'); ?> <a target="_blank" href="http://www.schaffenskraft.info" title="<?php echo JText::_('go to'); ?> schaffenskraft.info">schaffenskraft.info</a></p><p><?php echo JText::_(' - and conformistly &copy; 2008 by'); ?> <a target="_blank" href="http://www.adlerweb.eu" title="<?php echo JText::_('go to'); ?> Eagle">Eagle</a></p><p> <?php if ($this->params->get('Valid CSS/XHTML')) : ?></p><p>| <?php echo JText::_('Valid') ?> <a target="_blank" href="http://validator.w3.org/check/referer" title="<?php echo JText::_('valid XMTHL'); ?>">XHTML</a> <?php echo JText::_('and'); ?> <a target="_blank" href="http://jigsaw.w3.org/css-validator/check/referer" title="<?php echo JText::_('valid CSS'); ?>">CSS</a></p><p> <?php endif; ?></p><p> <?php if ($this->params->get('Syndicate')) : ?></p><p> |<br /> </p><p> <jdoc:include type="modules" name="syndicate" /></p><p> <?php endif; ?></p><p> </div></p><p></div></p><p></p><p><jdoc:include type="modules" name="debug" /></p><p></p><p></body></p><p></p><p></html></p><p>---------------------------------------------------------------</p><p>Ich kenne mich noch nicht so aus, was zeigen diese Programme denn an?</p><p>-----------------------------------------------------------------</p><p>Egal, ob ich Schlüßelkonzepte oder Umfragen oder etwas anderes nehme, es erscheint immer 2x</p></blockquote><p></p>
[QUOTE="adler32, post: 687823"] [b]AW: Hilfe in CSS[/b] [U][B][COLOR=Red]Template CSS[/COLOR][/B][/U] [COLOR=Black]/* template.css */ body { font-size: 100%; margin: 0; font-family: Tahoma, Verdana; font-size: 12px; } #container_1 { text-align: center; width: 80%; } #container_2 { text-align: left; margin: 0 auto; background: none; } #container_3 { text-align: center; width: 80%; } /* header */ #header { height: 155px; margin: 0 auto; } /* top menu (user3) */ #topmenu { height: 30px; } /* module left */ #left { width: 23%; float: left; } #placeholder { width: 1%; height: 20px; float: left; } #left_m { background: #fff; } #left_r { padding: 1px 22px 0; min-height: 330px; } /* content */ #pathway_outer { padding: 8px; } #pathway_inside { padding: 3px; font-weight: bold; } #content_outer { width: 76%; float: left; } #content_outer_full { width: auto; margin-left: 0; } .clr { clear: both; } #content_m { background: #fff; } #content_r { min-height: 330px; } #content_inside { margin: 0 22px; border-top: 1px solid #fff; text-align: justify; } #component { padding: 10px 0 10px 8px; } #component_inside { width: 100%; float: left; display: inline; padding-right: 1.5%; } #component_inside_full { width: auto; float: none; padding-right: 8px; } #right { width: 23%; float: left; text-align: left; } #component a:link, #component a:visited, #left_r a:link , #left_r a:visited { text-decoration: none; font-size: 11px; font-weight: bold; } #left_r { border: 0 none; } /* module right */ #right { width: 23%; float: right; } #placeholder { width: 1%; height: 20px; float: left; } #right_m { background: #fff; } #right_r { padding: 1px 22px 0; min-height: 330px; } /* footer */ #footer { width: 100%; height: 51px; } #footer_1 { height: 50px; margin: 0 auto; text-align: right; padding-top: 10px; } #footer_1 a:link, #footer_1 a:visited { padding: 3px 5px 3px 21px; border: 0 none !important; font-weight: bold; } #footer_2 { text-align: center; font-size: 10px; font-weight: bold; margin: 0 auto; } #footer a:link, #footer a:visited { font-size: 10px; text-decoration: bold; } #top_user { padding: 0 8px; } #user1 { float: left; width: 49.5%; padding-right: 0.5%; display: inline; } #user2 { float: left; width: 49.5%; padding-left: 0.5%; display: inline; } #user1_full, #user2_full { float: none; width: auto; } --------------------------------------- [/COLOR][U][B][COLOR=Red]Grey CSS[/COLOR][/B][/U] body { color: #888; background: #fff url(../images/grey/bg_top_grey.png) center top repeat-x; } a:link, a:visited { color: #888; text-decoration: none; font-weight: bold; } a:hover { color: #888; } #header { background: url(../images/grey/header_grey.png) no-repeat 0 0; } /* module left */ #left_l { background: url(../images/grey/cont_shadow_l_grey.png) top left no-repeat; } #left_r { background: url(../images/grey/cont_shadow_r_grey.png) top right no-repeat; } /* content */ #content_l { background: url(../images/grey/cont_shadow_l_grey.png) top left no-repeat; } #content_r { background: url(../images/grey/cont_shadow_r_grey.png) top right no-repeat; } #pathway_inside { border: 1px dotted #ddd; } .inputbox { border: 1px solid #888; background: #f4f4f4; padding: 2px; color: #888; } .inputbox:hover, .inputbox:focus { border: 1px solid #888; background: #fff; } .button { background: #888; } .button:hover { background: #222; } /* module right */ #right_l { background: url(../images/grey/cont_shadow_l_grey.png) top left no-repeat; } #right_r { background: url(../images/grey/cont_shadow_r_grey.png) top right no-repeat; } /* footer */ #footer { background: #fff url(../images/grey/bg_bottom_grey.png) center bottom repeat-x; } #footer a:link, #footer a:visited { color: #888; border-bottom: 1px dashed #888; } #footer a:hover { color: #fff; border-bottom: 1px dashed #fff; } #footer_1 a { background: url(../images/grey/top_bg.gif) no-repeat; } /* topmenu (user3) */ #current a:link, #active_menu-nav.mainlevel-nav { background: url(../images/grey/topmenu_shadow_l_grey.png) no-repeat top left; } #topmenu { background: url(../images/grey/topmenu_bg_grey.png) repeat-x top center; } #mainlevel-nav li:hover { background: url(../images/grey/topmenu_shadow_l_grey.png) no-repeat top left; } #mainlevel-nav li a:link, #mainlevel-nav li a:visited { color: #888; } #mainlevel-nav li a:hover { color: #888; background: url(../images/grey/topmenu_shadow_r_grey.png) no-repeat top right; } .componentheading, .contentheading { border-bottom: 1px solid #888; } .contentheading { border-left: 5px solid #888; } .module_menu h3, .module h3 { background: url(../images/grey/topmenu_bg_grey.png); } .article_separator { border-bottom: 1px dashed #888; } ul.menu li a:link span, ul.menu li a:visited span { color: #888; border-bottom: 1px dotted #888; } ul.menu li a:hover span { color: #888; border-bottom: 1px dotted #888; background: #f4f4f4; } tr.sectiontableentry1 td { background: #f4f4f4; } tr.sectiontableentry2 td { background: #fbfbfb; } -------------------------- [U][B][COLOR=Red]Index PHP[/COLOR][/B][/U] <?php // Copyright (C) 2008 by SCHAFFENSKRAFT.INFO // no direct access defined( '_JEXEC' ) or die( 'Restricted access' ); JHTML::_('behavior.mootools'); ?> <!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="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" > <head> <jdoc:include type="head" /> <link rel="shortcut icon" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/<?php echo $this->params->get('templatecolor'); ?>/favicon.ico" type="image/x-icon" /> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" /> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" /> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" /> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/joomla.css" type="text/css" /> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/<?php echo $this->params->get('templatecolor'); ?>.css" type="text/css" /> <!--[if IE]><style type="text/css" media="screen">body {behavior: url(<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/csshover.htc);}</style><![endif]--> <?php if ($this->params->get('TopLink')) : ?> <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/smoothscroll.js"></script> <?php endif; ?> <?php if ($this->params->get('Link type of Left')) : ?> <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/moomenu.js"></script> <?php endif; ?> <?php if($this->countModules('left') == 0) $contentwidth = "_full"; if($this->countModules('right') == 0) $componentwidth = "_full"; if($this->countModules('user2') == 0) $user1width = "_full"; if($this->countModules('user1') == 0) $user2width = "_full"; ?> <style type="text/css"> #header { width: <?php echo $this->params->get('TemplateWidth'); ?>; } #container_2 { width: <?php echo $this->params->get('TemplateWidth'); ?>; } #footer_1 { width: <?php echo $this->params->get('TemplateWidth'); ?>; } #footer_2 { width: <?php echo $this->params->get('TemplateWidth'); ?>; } </style> </head> <body> <div><a id="top" name="top"></a></div> <jdoc:include type="message" /> <div id="header"> </div> <div id="container_3"> <?php if($this->countModules('right')) : ?> <div id="right"> <div id="right_m"> <div id="right_l"> <div id="right_r"> <jdoc:include type="modules" name="right" style="rounded" /> </div> </div> </div> </div> <?php endif; ?> <div id="container_1"> <div id="container_2"> <?php if($this->countModules('left')) : ?> <div id="left"> <div id="left_m"> <div id="left_l"> <div id="left_r"> <jdoc:include type="modules" name="left" style="rounded" /> </div> </div> </div> </div> <?php endif; ?> <div id="placeholder"></div> <div id="content_outer<?php echo $contentwidth; ?>"> <div id="content_m"> <div id="content_l"> <div id="content_r"> <div id="content_inside"> <div id="topmenu"> <jdoc:include type="modules" name="user3" /> </div> <div id="pathway_outer"> <div id="pathway_inside"> <?php echo JText::_('You are here'); ?>: <jdoc:include type="modules" name="breadcrumb" /> </div> </div> <div id="top_user"> <?php if($this->countModules('user1')) : ?> <div id="user1<?php echo $user1width; ?>"> <jdoc:include type="modules" name="user1" style="rounded" /> </div> <?php endif; ?> <?php if($this->countModules('user2')) : ?> <div id="user2<?php echo $user2width; ?>"> <jdoc:include type="modules" name="user2" style="rounded" /> </div> <?php endif; ?> <div class="clr"></div> </div> <div id="component"> <div id="component_inside<?php echo $componentwidth; ?>"> <jdoc:include type="component" /> </div> <?php if($this->countModules('right')) : ?> <div id="right"> <jdoc:include type="modules" name="right" style="rounded" /> </div> <?php endif; ?> <div class="clr"></div> </div> </div> </div> </div> </div> </div> <div class="clr"></div> </div> </div> <div id="footer"> <div id="footer_1"> <?php if ($this->params->get('TopLink')) : ?> <a href="#top"><?php echo JText::_('to top') ?></a> <?php endif; ?> </div> <div id="footer_2"> <?php echo JText::_('Powered by'); ?> <a target="_blank" href="http://www.schaffenskraft.info" title="<?php echo JText::_('go to'); ?> schaffenskraft.info">schaffenskraft.info</a> <?php echo JText::_(' - and conformistly © 2008 by'); ?> <a target="_blank" href="http://www.adlerweb.eu" title="<?php echo JText::_('go to'); ?> Eagle">Eagle</a> <?php if ($this->params->get('Valid CSS/XHTML')) : ?> | <?php echo JText::_('Valid') ?> <a target="_blank" href="http://validator.w3.org/check/referer" title="<?php echo JText::_('valid XMTHL'); ?>">XHTML</a> <?php echo JText::_('and'); ?> <a target="_blank" href="http://jigsaw.w3.org/css-validator/check/referer" title="<?php echo JText::_('valid CSS'); ?>">CSS</a> <?php endif; ?> <?php if ($this->params->get('Syndicate')) : ?> |<br /> <jdoc:include type="modules" name="syndicate" /> <?php endif; ?> </div> </div> <jdoc:include type="modules" name="debug" /> </body> </html> --------------------------------------------------------------- Ich kenne mich noch nicht so aus, was zeigen diese Programme denn an? ----------------------------------------------------------------- Egal, ob ich Schlüßelkonzepte oder Umfragen oder etwas anderes nehme, es erscheint immer 2x [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Der grüne Frosch hüpft über die Hügel an den Bäumen vorbei in die Höhle. Bitte nenne das fünfte Wort!
Antworten
Start
Forum
Contest-Bereich - 2D, 3D & Fotografie
2D-Contests - Monatscontests, User-Battles, ...
Hilfe in CSS
Oben