Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag27.09.2012 um 17:56 (UTC)    
Titel: design code aufräumen

Huhu Leute
ich hätte mal nee frage an jemanden von euch.ich hab ein css design vom omba.de.tl

so jetzt hab ich aber einiges verändert und bilder ausgetauscht und einige sachen eingefügt.

jetzt meine frage:
kann jemand mal meinen css code aufräumen????
er ist unübersichtlich und wenn ich fragen hab hier im forum kommt mann kaum drauf klar. der code funktioniert zwar super aber ist einfach zusammen gewürfelt.

wäre echt nett wenn jemand mir helfen könnte

THX im vorraus
Beitrag27.09.2012 um 18:16 (UTC)    
Titel:

Hallo,

vielleicht könntest du den Code hier posten, dann muss man dich dafür nicht extra kontaktieren Wink

Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beitrag28.09.2012 um 02:41 (UTC)    
Titel:

Danke euch hier mal den code


Text über dem Design

<!-- SocialMediaTabs.com START -->
<script type="text/javascript">
var smtabs_id = "1.0@3675@c0810324db40fc581e62e1fd250bffe9@tl/d//3675";
</script>
<script type="text/javascript" src="http://cdn.socialmediatabs.com/loader/loader.1.0.min.js"></script>
<!-- SocialMediaTabs.com STOP -->
<script language="JavaScript1.2">
var message="Twardygrosz.de.tl"
var message=message+""
i="0"
var temptitle=""
var geschw="200"

function titler(){
if (!document.all&&!document.getElementById)
return
document.title=temptitle+message.charAt(i)
temptitle=temptitle+message.charAt(i)
i++
if(i==message.length)
{
i="0"
temptitle=""
}
setTimeout("titler()",geschw)
}

window.onload=titler
</script>
<div class="coolmenu"> <div class="menu"> <div id="first" class="menu_head">Home</div> <div class="menu_box"> <a class="menu_link" href="http://twardygrosz.de.tl/Herzlich-Willkommen.htm" _fcksavedurl="http://twardygrosz.de.tl/Herzlich-Willkommen.htm">Home</a> <a class="menu_link" href="http://twardygrosz.de.tl/-Ue-ber-mich.htm" _fcksavedurl="http://twardygrosz.de.tl/-Ue-ber-mich.htm">Über mich</a> <a class="menu_link" href="http://twardygrosz.de.tl/Kontakt.htm" _fcksavedurl="http://twardygrosz.de.tl/Kontakt.htm">Kontakt</a> <a class="menu_link" href="http://twardygrosz.de.tl/Forum/index.htm" _fcksavedurl="http://twardygrosz.de.tl/Forum/index.htm">Forum</a> <a class="menu_link" href="http://twardygrosz.de.tl/Newsletter.htm" _fcksavedurl="http://twardygrosz.de.tl/Newsletter.htm">Newsletter</a> <a class="menu_link" href="http://twardygrosz.de.tl/G.ae.stebuch.htm" _fcksavedurl="http://twardygrosz.de.tl/G.ae.stebuch.htm">Gästebuch</a> <a class="menu_link" href="http://twardygrosz.de.tl/%A9Copyright.htm" _fcksavedurl="http://twardygrosz.de.tl/%A9Copyright.htm">©Copyright</a> </div> </div> <div class="menu"> <div class="menu_head">Computer & Co.</div> <div class="menu_box"> <a class="menu_link" href="http://twardygrosz.de.tl/Spiele.htm" _fcksavedurl="http://twardygrosz.de.tl/Spiele.htm">Spiele</a> <a class="menu_link" href="http://twardygrosz.de.tl/video.htm" _fcksavedurl="http://twardygrosz.de.tl/video.htm">Videos</a> <a class="menu_link" href="https://plus.google.com" _fcksavedurl="https://plus.google.com">Google+</a> <a class="menu_link" href="http://www.Facebook.com" _fcksavedurl="http://www.Facebook.com">Facebook</a> <a class="menu_link" href="http://twardygrosz.de.tl/Downloads.htm" _fcksavedurl="http://twardygrosz.de.tl/Downloads.htm">Downloads</a> <a class="menu_link" href="http://twardygrosz.de.tl/Programme.htm" _fcksavedurl="http://twardygrosz.de.tl/Programme.htm">Programme</a> <a class="menu_link" href="http://twardygrosz.de.tl/Virenkunde.htm" _fcksavedurl="http://twardygrosz.de.tl/Virenkunde.htm">Virenkunde</a> <a class="menu_link" href="http://twardygrosz.de.tl/Betriebssysteme.htm" _fcksavedurl="http://twardygrosz.de.tl/Betriebssysteme.htm">Betriebssysteme</a> </div> </div> <div class="menu"> <div class="menu_head"> Willis World Radio</div> <div class="menu_box"> <a class="menu_link" href="http://www.willis-world08.de" _fcksavedurl="http://www.willis-world08.de">Willis World Radio</a> <a class="menu_link" href="http://twardygrosz.de.tl/DJ-Westhang.htm" _fcksavedurl="http://twardygrosz.de.tl/DJ-Westhang.htm">DJ Westhang</a> <a class="menu_link" href="http://twardygrosz.de.tl/Chat-abk.ue.rzungen.htm" _fcksavedurl="http://twardygrosz.de.tl/Chat-abk.ue.rzungen.htm">Chat Abkürzungen</a> <a class="menu_link" href="http://twardygrosz.de.tl/Chat_Tanzen.htm" _fcksavedurl="http://twardygrosz.de.tl/Chat_Tanzen.htm">Chat Tanzen</a> <a class="menu_link" href="http://twardygrosz.de.tl/Radio-Hintergr.ue.nde.htm" _fcksavedurl="http://twardygrosz.de.tl/Radio-Hintergr.ue.nde.htm">Radio Hintergründe</a> </div> </div> <div class="menu"> <div id="last" class="menu_head">Partner</div> <div class="menu_box"> <a class="menu_link" href="http://twardygrosz.de.tl/Partner.htm" _fcksavedurl="http://twardygrosz.de.tl/Partner.htm">Partner</a> <a class="menu_link" href="http://twardygrosz.de.tl/Topliste.htm" _fcksavedurl="http://twardygrosz.de.tl/Topliste.htm">Topliste</a> <a class="menu_link" href="http://twardygrosz.de.tl/Eure-Banner.htm" _fcksavedurl="http://twardygrosz.de.tl/Eure-Banner.htm">Eure Banner</a> <a class="menu_link" href="http://twardygrosz.de.tl/Meine-Banner.htm" _fcksavedurl="http://twardygrosz.de.tl/Meine-Banner.htm">Meine Banner</a> </div> </div> </div> <div id="slider_content"><div style="text-align: center;"> <img src="banner" _fcksavedurl="banner" alt="" /></div></div> <div id="slider_fixed"> <div> <div id="gallery">

<a href="#" class="show">
<img src="http://img.webme.com/pic/t/test-twardygrosz/banner.jpg" alt="Flowing Rock" alt="" title="" width="880" height="245" rel="<h3>meine alte Überschrift</h3>bla bla."/></a>
</a>

<a href="http://canvas5-webdesigns.de.tl/">
<img src="http://img.webme.com/pic/t/test-twardygrosz/startup2.png" alt="Grass Blades" alt="" title="" width="880" height="245" rel="<h3>Canvas5-webdesigns.de.tl/</h3>Auf dieser Seite finden Sie Referenzen und
können ein Individuelles Design bestellen
Unten finden Sie Unsere Partnerseiten.
Vergessen sie nicht einen Vote dazulassen bei Freeaward und Turbopage"/>
</a><a href="http://omba.de.tl/">
<img src="http://img.webme.com/pic/t/test-twardygrosz/slideromba2.jpg" alt="Grass Blades" alt="" title="" width="880" height="245" rel="<h3>Omba.de.tl</h3>Hier finden Sie kostenlose Designs für den Homepage-Baukasten"/>
</a><a href="#">
<img src="http://img.webme.com/pic/t/test-twardygrosz/banner.jpg" alt="Grass Blades" alt="" title="" width="880" height="245" rel="<h3>Grass Blades</h3>description"/>
</a><a href="#">
<img src="http://img.webme.com/pic/t/test-twardygrosz/banner02222.jpg" alt="Grass Blades" alt="" title="" width="880" height="245" rel="<h3>Grass Blades</h3>description"/>
</a><div class="caption"><div class="content"></div></div>
</div>
<div class="clear"></div>

Text unter dem Design

<div id="Feld_unten"><div id="hellblau"><strong>Neues CSS Design</strong><br /> <br /> Neues CSS Design jetzt endlich online auf Twardygrosz.de.tl<br /></div></div> <div id="Feld_unten2"><div id="dunkelblau"><strong>Bearbeitungs - Status</strong><br /> <br /> Einige Seiten sind wegen Bearbeitung noch nicht verfügbar !!!<br /></div></div> <div id="Feld_unten3"><div id="hellblau"><strong>Willis World Radio</strong><br /> <br /> Hier gibt's was auf die Ohren!!! Musik und Chat!!! <a href="http://www.willis-world08.de">Schaut rein... </a><br /></div></div> <div id="Feld_unten4"><div id="dunkelblau"><strong>Ideen, Hilfe, Kritik</strong><br /> <br /> Ihr habt Vorschläge, Hilfe oder Kritik dann schreibt mich an !!!<br /></div></div> <div id="footer_container"> <div id="footer">Copyright by Twardygrosz.de.tl © 2011<br/>Design by <a href="http://www.omba.de.tl" _fcksavedurl="http://www.omba.de.tl">www.omba.de.tl</a> © 2011</div> <div id="logo"><div style="text-align: center;"><img height="89" width="284" src="http://img.webme.com/pic/t/twardygrosz/logo1.gif" _fcksavedurl="http://img.webme.com/pic/t/twardygrosz/logo1.gif" alt="" /></div></div> <div id="twitter"><div style="text-align: center;"><a href="http://www.facebook.com/pages/Twardygrosz/131525193622928" _fcksavedurl="http://www.facebook.com/pages/Twardygrosz/131525193622928"><img height="30" border="0" width="33" src="http://img.webme.com/pic/t/twardygrosz/facebook.bmp" _fcksavedurl="http://img.webme.com/pic/t/twardygrosz/facebook.bmp" alt="" /></a> <a href="https://plus.google.com/101707573721143834478#101707573721143834478/posts" _fcksavedurl="https://plus.google.com/101707573721143834478#101707573721143834478/posts"><img height="30" border="0" width="33" src="http://img.webme.com/pic/t/twardygrosz/google.jpg" _fcksavedurl="http://img.webme.com/pic/t/twardygrosz/google.jpg" alt="" /></a> <a href="http://www.wer-kennt-wen.de/neues/sascha-dirk-twardygrosz" _fcksavedurl="http://www.wer-kennt-wen.de/neues/sascha-dirk-twardygrosz"><img height="30" border="0" width="33" src="http://img.webme.com/pic/t/twardygrosz/wkw.jpg" _fcksavedurl="http://img.webme.com/pic/t/twardygrosz/wkw.jpg" alt="" /></a> </div></div>

css code ohne Style tags

--> </style> <style type="text/css"> <!-- td[height="102"] { position:absolute; left:50%; margin-left:-376px; } body { background-color: #000000; background-repeat: no-repeat; background-image: url(hintergrund); } #Feld_unten { position: absolute; left: 50%; top: 510px; margin-left: -435px; width: auto; height: 152px; color: #C6BA8A; fon0t-size: 12px; font-amily: arial; text-align: center; border: 0px solid #000000;} #Feld_unten2 { position: absolute; left: 50%; top: 510px; margin-left: -220px; width: auto; height: 152px; color: #C6BA8A; fon0t-size: 12px; font-amily: arial; text-align: center; border: 0px solid #000000;} #Feld_unten3 { position: absolute; left: 50%; top: 510px; margin-left: -5px; width: auto; height: 152px; color: #C6BA8A; fon0t-size: 12px; font-amily: arial; text-align: center; border: 0px solid #000000;} #Feld_unten4 { position: absolute; left: 50%; top: 510px; margin-left: 210px; width: auto; height: 152px; color: #C6BA8A; fon0t-size: 12px; font-amily: arial; text-align: center; border: 0px solid #000000;} #logo { position: absolute; left: 50%; top: 103px; margin-left: -435px; width: auto; height: 89px; color: #C6BA8A; font-size: 12px; font-family: arial; text-align: center; border: 0px solid #000000;} #hellblau { background-image:url(http://img.webme.com/pic/t/test-twardygrosz/dunkelbox1.png); background-color:#XXXXXX; text-align: left; padding: 25px; height:104px; width:165px; overflow:auto; color:#ffffff; } #dunkelblau { background-image:url(http://img.webme.com/pic/t/test-twardygrosz/hellbox.png); background-color:#XXXXXX; text-align: left; padding: 25px; height:104px; width:165px; overflow:auto; color:#ffffff; } #grauebox{ background-image:url(http://img.webme.com/pic/t/twardygrosz/grauebox.png); background-color:#XXXXXX; text-align: center; height:150px; width:235px; overflow:auto; color:#000000; } #twitter { position: absolute; left: 50%; top: 143px; margin-left: 330px; width: auto; height: auto; color: #C6BA8A; font-size: 12px; font-family: arial; text-align: center; border: 0px solid #000000;} #container { width: 885px; height: auto; margin: auto; overflow: hidden; } #slider_content { width: 884px; height: 349px; margin-top: 150px; margin-left: auto; margin-right:auto; background-image: url(hinterm banner); background-repeat: no-repeat; } #slider_fixed{ margin-left: 69px; padding-top: 16px; } /* Coolmenü positionieren */ .coolmenu { position:absolute; left: 50%; margin-left: -442px; top:196px; z-index: 2000; } /* Allgemeine Einstellungen */ .menu { color:#ffffff; cursor:pointer; float:left; height:45px; width:220px; overflow-x:hidden; overflow-y:hidden; } .menu:hover { height:auto; width:auto; overflow-x:visible; overflow-y:visible; } /* Hauptmenü anpassen*/ .menu_head { font-size:17px; padding-bottom:20px; text-align:left; height: 25px; widht: 220px; font-family: Arial; background-color: #000000; background: url(http://img.webme.com/pic/t/test-twardygrosz/button.png); padding: 15px; } /* Anpassungen des Hovers von den Hauptmenüs */ .menu_head:hover { background-color: #D3D3D3; background: url(http://img.webme.com/pic/t/test-twardygrosz/buttonhover.png); } /* Anpassungen des Menüs */ .menu_box { background-attachment:scroll; background:#EBEBEB repeat; background-position:0 0; border-bottom: 1px solid #cccccc; border-right: 1px; overflow-x:visible; overflow-y:visible; padding: 5px; width:210px; margin-top: -9px; } /* Untermenüs anpassen */ .menu_box .menu_link { color:#333333; display:block; font-size:14px !important; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; padding: 3px; padding-left:10px; text-decoration:none; } /* Anpassungen des Hovers von den Untermenüs */ .menu_box .menu_link:hover { color:#000000; background-color: #DDDDDD; background: url(http://img.webme.com/pic/t/twardygrosz/ombamadleiste.png); } /* Die Ecke vom Coolmenü links rund machen*/ #first { -moz-border-radius-topleft: 10px; border-radius: 7px 0px 0px 0px; } /* Die Ecke vom Coolmenü rechts rund machen*/ #last { -moz-border-radius-topright: 10px; border-radius: 0px 7px 0px 0px; } #sidebar_container { float: left; margin-top: 140px; height: auto; width: 235px; padding-top:1px; color: #000000; font-size:14px; font-family: verdana; arial; text-align: center; background: url(); background-repeat: repeat-y; } #sidebar_container a { color: #a8eaff; font-size: 10px; font-family: arial; text-decoration: underline; } #footer { clear:both; width:100%; height:110px; margin: auto; text-align:center; background-color: #000000; border-top: 1px solid #9b9b9b; font-size:12px; color:#ffffff; } #footer a { color:#ffffff; } #content { margin-top: 40px; margin-bottom: 20px; width: 885px; padding-right: 0px; padding-left: 0px; color: #ffffff; font-size: 15px; font-family: verdana; arial; text-align: left; } #content a { font-size: 15px; color: #B700FF; font-family: arial; font-weight: bold; } /* Schriftfarbe + Größe auf allen Seiten */ td { color:#ffffff; font-size:14px; text-align:left; font-family: arial,verdana; } /* Linkfarben + Größen auf Seiten */ a:link { color:#000080; font-size:14px; font-family:arial,verdana; text-decoration:none; } /* besuchte Links */ a:visited { color:#80000; font-size:14px; font-family:arial,verdana; text-decoration:none;} /*Hover-Effekt bei Links*/ a:hover{ color:#7fa9fd; font-size:14px; font-family:arial,verdana; text-decoration:none;} h2#title{display:none;} h1#header {display:none;} #header-container {display:none;} #nav_heading{display:none;} #sidebar_heading {display:none;} #pre_content {display:none;} #pre_header {display:none;} #post_header {display:none;} #post_content {display:none;} #below_content{display:none;} #extraDiv2 {display:none;} #extraDiv3 {display:none;} #extraDiv4 {display:none;} #extraDiv5 {display:none;} #extraDiv6 {display:none;} div.header{display: none;} #counter{text-align: center;} #nav_container{display: none;}
body{
font-family:arial
}

.clear {
clear:both
}

#gallery {
position:relative;
height:245px
}
#gallery a {
float:left;
position:absolute;
}

#gallery a img {
border:none;
}

#gallery a.show {
z-index:500
}

#gallery .caption {
z-index:600;
background-color:#000;
color:#ffffff;
height:100px;
width:100%;
position:absolute;
bottom:0;
}

#gallery .caption .content {
margin:5px
}

#gallery .caption .content h3 {
margin:0;
padding:0;
color:#FF8400;
} #slider_fixed {
margin-left: 182px;
padding-top: 16px;
margin-top: -368px;
z-index: -200;
}
Beitrag28.09.2012 um 15:17 (UTC)    
Titel:

der banner code oben über dem design und auch im css kann auch weg da er gegen einen slider ausgetauscht worden ist
Beitrag30.09.2012 um 12:56 (UTC)    
Titel: Re: design code aufräumen

test-twardygrosz hat Folgendes geschrieben:
Huhu Leute
ich hätte mal nee frage an jemanden von euch.ich hab ein css design vom omba.de.tl

so jetzt hab ich aber einiges verändert und bilder ausgetauscht und einige sachen eingefügt.

jetzt meine frage:
kann jemand mal meinen css code aufräumen????
er ist unübersichtlich und wenn ich fragen hab hier im forum kommt mann kaum drauf klar. der code funktioniert zwar super aber ist einfach zusammen gewürfelt.

wäre echt nett wenn jemand mir helfen könnte

THX im vorraus


Hallo,

ich hab da mal was für dich:

http://www.cleancss.com/

------
Einfach deinen Code einfügen und auf "Process CSS" klicken. Ist sehr gut mach ich selber auch immer.

BusandFly Bamberg
Beitrag02.10.2012 um 19:13 (UTC)    
Titel:

thx an die helfer

erledigt pls closed
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de