Suche im Forum:
Suchen


Autor Nachricht
Beitrag03.05.2009 um 18:16 (UTC)    
Titel: Kann mir kemand den CSS-Code anpassen

Überholung mir jemand CSS-Code
Code:
 //-->
</style> </ Style>
<meta name="verify-v1" content="5nFXAuFKCScH64B8urApmbfRbRz+lE0bq8SSgA6+GzU=" />
<style type="text/css"> <style type="text/css">
<!--
<style type="text/css">
<!--
h2{display:none;}
h1{display:none;}
body {
position: top;
background-image: url("");
background-position: top;
background-repeat: no-repeat;
background-attachment: fixed;}
A{color: red; text-decoration: none;}

:visited{color: ;}


#informationbar{
position: fixed;
left: 0%;
width: 100%;
text-indent: 5px;
padding: 2px 0;
background-color: black;
border-bottom: 1px solid black;
font: bold 13px Verdana;
}
* html #informationbar{ /*IE6 hack*/
position: absolute;
width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");}//--></style>




<script type="text/javascript">
/***********************************************
* Animated Information Bar- by JavaScript Kit (www.javascriptkit.com)
* This notice must stay intact for usage
* Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more
***********************************************/
function informationbar(){
this.displayfreq="always"
this.content='<a href="javascript:informationbar.close()"><img src="http://www.forum.wiaderko.com/images/close.png" style="width: 14px; height: 14px; float: right; border: 0; margin-right: 5px" /></a>'
}
informationbar.prototype.setContent=function(data){
this.content=this.content+data
document.write('<div id="informationbar" style="top: -500px">'+this.content+'</div>')
}
informationbar.prototype.animatetoview=function(){
var barinstance=this
if (parseInt(this.barref.style.top)<0){
this.barref.style.top=parseInt(this.barref.style.top)+5+"px"
setTimeout(function(){barinstance.animatetoview()}, 50)
}
else{
if (document.all && !window.XMLHttpRequest)
this.barref.style.setExpression("top", 'document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+"px" : body.scrollTop+"px"')
else
this.barref.style.top=0
}
}
informationbar.close=function(){
document.getElementById("informationbar").style.display="none"
if (this.displayfreq=="session")
document.cookie="infobarshown=1;path=/"
}
informationbar.prototype.setfrequency=function(type){
this.displayfreq=type
}
informationbar.prototype.initialize=function(){
if (this.displayfreq=="session" && document.cookie.indexOf("infobarshown")==-1 || this.displayfreq=="always"){
this.barref=document.getElementById("informationbar")
this.barheight=parseInt(this.barref.offsetHeight)
this.barref.style.top=this.barheight*(-1)+"px"
this.animatetoview()
}
}
window.onunload=function(){
this.barref=null
}
</script>




   <script type="text/javascript">
<!--Invocation code-->
var infobar=new informationbar()
infobar.setContent(' <center><small><a href="http://www.stronygratis.pl/klick.php?c=99&t=1226"  target="_blank"><font color="#FFFFFF">Zostań oryginalnym gangsterem!</font></a>  |  <a href="http://www.stronygratis.pl/klick.php?c=100&t=1162"  target="_blank"><font color="#FFFFFF"> Największa polska gra!</font></a></small></center> ')
//infobar.setfrequency('session') //Uncomment this line to set information bar to only display once per browser session!
infobar.initialize()
</script><!-- Reklama koniec -->


    <link rel="shortcut icon" href="favico.ico" />
    <style>/*



/* GŁÓWNE FUNKCJONOWANIE STRONY */
body {
   font-family: tahoma, helvetica, arial, sans-serif;
   font-size: 11px;
   font-weight: normal;
   color: #444444;
   background: #ffffff;
   margin: 0px;
   padding: 0px;
}

a {
   font-family: tahoma, helvetica, arial, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #444444;
   text-decoration: none;
}

a:hover {
   font-family: tahoma, helvetica, arial, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #444444;
   text-decoration: none;
}

img {
   border: 0px;
}

/* TRESC STRONY */

#maindiv {
   width: 880px;
   margin-left: auto;
   margin-right: auto;
   background-image: url(http://www.ufast.eu/pics/724297middlebg.jpg);
   background-repeat: repeat-y;
   overflow: hidden;
}

#mainpage {
   width: 850px;
   padding-left: 15px;
}

#mainnews {
   float: left;
   width: 480px;
}

#mainmenu1 {
   float: left;
   width: 189px;
}

#mainmenu2 {
   float: left;
   width: 181px;
}

.orange {
   color: #ffc000;   
}

.dark {
   color: #9f9e9e;   
}

.silver {
   font-size: 10px;
   color: #c1c1c1;   
}

.inputszukaj {
   font-size: 11px;
   width: 163px;
   border: 0px;
   margin-top: 10px;
   margin-left: 10px;
}

/* ELEMENTY LOGO */

#logo {
   margin-left: auto;
   margin-right: auto;
   width: 880px;
   height: 230px;
   background-image: url(http://www.ufast.eu/pics/609671logo.jpg);
}

#topbg {
   height: 230px;
   background-image: url(http://www.ufast.eu/pics/705692topbg.jpg);
   background-repeat: repeat-x;
}

#szukanie {
   float: right;
   padding-top: 27px;
   padding-right: 34px;
   width: 289px;
   height: 38px;
}

#szinput {
   float: left;
   width: 188px;
   height: 38px;
   background-image: url(http://www.ufast.eu/pics/290376input.jpg);
   background-repeat: no-repeat;
}

#szukaj {
   float: left;
   width: 101px;
   height: 38px;
}

/* ELEMENTY STOPKI */

#copybg {
   color: #fafafa;
   margin-left: auto;
   margin-right: auto;
   width: 880px;
   height: 92px;
   background-image: url(http://www.ufast.eu/pics/416450copybg.jpg);
}

#bottombg {
   clear: both;
   height: 92px;
   background-image: url(http://www.ufast.eu/pics/379234bottombg.jpg);
   background-repeat: repeat-x;
}

#copyright {
   float: left;
   text-align: left;
   padding-left: 33px;
   padding-top: 33px;
}

#design {
   float: right;
   text-align: right;
   padding-right: 33px;
   padding-top: 38px;
}

/* MENU 1 */

.menu1cat {
   color: #fcfcfc;
   font-weight: bold;
   text-align: center;
   width: 189px;
   height: 27px;
   padding-top: 12px;
   background-image:url(http://www.ufast.eu/pics/670739menu1cat.jpg);
   background-repeat: no-repeat;
}

.menu ul {
   list-style: none;
   padding-left: 15px;
   padding-top: 8px;
   margin: 0px;
}

.menu ul li {
   height: 20px;
   padding-left: 15px;
   background-image:url(http://www.ufast.eu/pics/493329arrow.jpg);
   background-repeat: no-repeat;
   background-position: 0px 2px;
}

.menu ul li a {
   display: block;
}

.menu ul li a:hover {
   display: block;
   padding-left: 5px;
}

/* MENU 2 */

.menu2cat {
   margin-top: 8px;
   color: #ffff1f;
   font-weight: bold;
   text-align: center;
   width: 181px;
   height: 27px;
   padding-top: 17px;
   background-image:url(http://www.ufast.eu/pics/582966menu2cat.jpg);
   background-repeat: no-repeat;
}

.menu2tresc {
   padding-top: 10px;
   padding-bottom: 10px;
   padding-left: 15px;
}

.menu2 {
   padding-top: 10px;
   padding-bottom: 10px;
   text-align: center;
}

.menu2 img {
   margin-top: 5px;
   border: 2px solid #9f9e9e;
   padding: 2px;
   background-color: #fffff1;
}

.menu2 img:hover {
   border: 2px solid #444444;
   padding: 2px;
   background-color: #ffc001;
}

/* NEWS */

.newsavatar {
   float: left;
}

.newsmain {
   clear: both;
   padding-left: 10px;
   padding-top: 15px;
   width: 427px;
}

.newstitle {
   width: 417px;
   background-image: url(http://www.ufast.eu/pics/206124newsicon.jpg);
   background-repeat: no-repeat;
   background-position: 0px 3px;
   padding-left: 20px;
}

.newstresc {
   padding-top: 10px;
   padding-left: 20px;
   width: 417px;
   text-align: justify;
}</style>
</head>
<body>
<!-- TOP + LOGO - POCZĄTEK -->
<div id="topbg">

   <div id="logo">
       <div id="szukanie">
           <div id="szinput"><input name=" type="text" class="inputszukaj" /></div>
            <div id="szukaj"><a href="#top"><img src="http://www.ufast.eu/pics/702489szukaj.jpg" alt="" /></a></div>
        </div> <!-- POCZATEK: logo i jego elementy -->
<table cellpadding="0" cellspacing="0" border="0"
style="width: 97%;">
<tr style="height: 5.8cm;">
<td style="text-align: right; vertical-align: bottom;">
<a href="#top"><img src="http://www.ufast.eu/pics/675694poland.png"  width="30" height="30" /> <a href="#top"><img src="http://www.ufast.eu/pics/936452britain.png" width="30" height="30" /> <a href="#top"><img src="http://www.ufast.eu/pics/874513germany.png" width="30" height="30" /> <a href="#top"><img src="http://www.ufast.eu/pics/411137spain.png" width="30" height="30" /> <a href="#top"><img src="http://www.ufast.eu/pics/166151france.png" width="30" height="30" /></td>
</tr>
</table><!-- KONIEC: logo i jego elementy -->
 
   </div>
</div>
<!-- TOP + LOGO - KONIEC -->

<!-- UTRZYMYWANIE WSZYSTKIEGO NA ŚRODKU - POCZĄTEK -->
<div id="maindiv">

   <div id="mainpage">
       
        <!-- DIV NEWSA - POCZĄTEK -->
        <div id="mainnews">
           
            <!-- NEWS - POCZĄTEK -->
            <div class="newsmain">
               <div class="newstitle">
                   <strong>News1!!!</strong><br />
                   <span class="silver">Dodał: <strong>personalesite</strong> dnia: 30.04.2009</span>

                </div>
                <div class="newstresc">
                   <img src="" alt="" class="newsavatar" /></tekst>
                </div>
            </div>
            <!-- NEWS - KONIEC -->
           
            <!-- NEWS - POCZĄTEK -->
            <div class="newsmain">

               <div class="newstitle">
                   <strong>News2!</strong><br />
                   <span class="silver">Dodał: <strong>personalesite</strong> dnia: 30.04.2009</span>
                </div>
                <div class="newstresc">
                   </tekst>
                </div>

            </div>
            <!-- NEWS - KONIEC -->
           
            <!-- NEWS - POCZĄTEK -->
            <div class="newsmain">
               <div class="newstitle">
                   <strong>News3!</strong><br />
                   <span class="silver">Dodał: <strong>personalesite</strong> dnia: 30.04.2009</span>

                </div>
                <div class="newstresc">
                   <img src="" /><tekst></tekst>
                </div>
            </div>
            <!-- NEWS - KONIEC -->
           
        </div>
        <!-- DIV NEWSA - KONIEC -->
       
        <!-- DIV MENU1 - POCZĄTEK -->

        <div id="mainmenu1">
       
           <!-- MENU GŁÓWNE - POCZĄTEK -->
           <div class="menu1cat">menu <span class="orange">główne</span></div>
            <div class="menu">
               <ul>
                   <li><a href="#top">Aktualności</a></li>
                    <li><a href="#top">Rejestracja</a></li>

                    <li><a href="#top">O nas</a></li>
                    <li><a href="#top">FAQ</a></li>
                    <li><a href="#top">Reklama</a></li>
                    <li><a href="http://personalesite.pl.tl/Kontakt.htm">Kontakt</a></li>
                </ul>
            </div>
            <!-- MENU GŁÓWNE - KONIEC -->

           
            <!-- MENU KATEGORIE - POCZĄTEK -->
           <div class="menu1cat">menu <span class="orange">kategorie</span></div>
            <div class="menu">
               <ul>
                   <li><a href="#top">1</a></li>
                    <li><a href="#top">2</a></li>
                    <li><a href="#top">3</a></li>

                    <li><a href="#top">4</a></li>
                    <li><a href="#top">5</a></li>
                    <li><a href="#top">6</a></li>
                    <li><a href="#top">7</a></li>
                    <li><a href="#top">8</a></li>
                    <li><a href="#top">9</a></li>

                </ul>
            </div>
            <!-- MENU KATEGORIE - KONIEC -->
           
        </div>
        <!-- DIV MENU 1 - KONIEC -->
       
        <!-- DIV MENU 2 - POCZĄTEK -->
        <div id="mainmenu2">
           
            <!-- MENU POLECANE - POCZĄTEK -->
           <div class="menu2cat">menu <span class="orange">polecane</span></div>

            <div class="menu2">
               <a href="#top"><img src="" alt="" /></a><br />
                <a href="#top"><img src="" alt="" /></a>
            </div>
            <!-- MENU POLECANE - KONIEC -->
           
            <!-- STATYSTYKI - POCZĄTEK -->
           <div class="menu2cat">menu <span class="orange">statystyki</span></div>
            <div class="menu2tresc">

               Użytkowników online: <strong>9811</strong><br />
                Zarejestrowanych: <strong>291806</strong><br />
                <br />
                Na stronie posiadamy:<br />
                <strong>5918028</strong> plików!<br /><br /><br />

            </div>
            <!-- STATYSTYKI - KONIEC -->
           
        </div>
        <!-- DIV MENU 2 - KONIEC -->
       
    </div>
</div>
<!-- UTRZYMYWANIE WSZYSTKIEGO NA ŚRODKU - KONIEC -->

<!-- BOTTOM + STOPKA - POCZĄTEK -->
<div id="bottombg">
   <div id="copybg">

       <div id="copyright">
           Copyright 2009 by <strong>personalesite<span class="orange">.pl.tl</span></strong><br />
            <span class="dark">Wszystkie prawa zastrzeżone!</span>
        </div>
        <div id="design">
           wykonanie: <strong>personalesite<span class="orange">.pl.tl</span></strong>

        </div>
   </div>
</div>
<!-- BOTTOM + STOPKA - KONIEC -->


<!--]>--><noscript onclick="''">


______________




Zuletzt bearbeitet von plsite am 11.05.2009, 03:42, insgesamt einmal bearbeitet
Beitrag07.05.2009 um 07:52 (UTC)    
Titel:

Hiho,

ich gehe mal davon aus, du möchtest für das baukasten-design "CSS" ein
eigenes Design, und dieser Code soll es sein ? Das ist nicht so ganz einfach .

im design "CSS" hast du diese Felder / Klassen / IDs :

Zitat:

*{ padding: 0; margin: 0; }

/* Hintergrund hinter Design */
body {

/* Der Header oben */
#header_container {

/*Titel im Header*/
h1#title

/* Seitentitel über Textfeld */
h2#title span {

/* Das Textfeld */
#content {

/*Felder hinter Textfeld*/
#post_content
#below_content

/* Titel rechte Box */
#sidebar_heading {

/* Rechte Box */
#sidebar_container {

/* Titel Navigation */
#nav_heading {

/* Feld Navigation */
#nav_container {

/* Auflistung Navi-Links */
ul#nav {

li.nav_element {

/* Navigation Textlinks & Buttons */
li.nav_element a {

/* Hover-Effekt Navi-Buttons */
li.nav_element a:hover

/*Besucherzähler*/
#counter


Du müsstest für dein Design also schauen , was ist welches Feld ?
Das was bei Dir rechte Box sein könnte , bekommt die Klasse #sidebar_container.

Das was in deinem Design das Textfeld wird, bekommt die Klasse #content
Das was bei dir Header wird, bekommt die Klasse #header_container .

Schnell mal umschreiben ist nicht so einfach. dazu muss man sich deinen
Code einfügen, und mühsam alle Klassen dem deinem Design zuordnen .

Dein Code ist für leere , weiße Seiten ohne Inhalt gedacht . Daher für den
Baukasten nur bedingt geeignet , weil auch das Design "CSS" bereits Quellcode enthält (bzw. eigene Klassen) .

.
Beitrag18.05.2009 um 15:16 (UTC)    
Titel:

Dieses Remake mein Code?
______________


Beiträge der letzten Zeit anzeigen:   


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