Suche im Forum:
Suchen


Autor Nachricht
Beitrag09.10.2009 um 21:01 (UTC)    
Titel: Counter von HpBk im css Design

Hi,

wie bekomme ich den Counter von HpBk in meinem Design sichtbar ?

Kann mir jemand helfen ?

Lg Paddy
______________
Beitrag09.10.2009 um 21:06 (UTC)    
Titel:

Hi, dazu musst du folgenden Code entfernen Wink
Zitat:
#counter{display:none;}
Somit solte der Counter wieder sichtbar sein,
wenn du den Counter vom Aussehen her ändern möchtest,
dann brauchst du diesen Id:
#Counter{Befehle;}

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag09.10.2009 um 21:08 (UTC)    
Titel:

In deinem CSS Code löschst du einfach diese Zeile :

Zitat:
#counter{display:none;}


Rot steht dabei für die unsichtbarkeit,
und Blau ist die Klasse.

Für die verändedrung des Counters (Schrift, Position),
musst du folgenden Code verwenden :

Zitat:
#counter{Befehle}


Rot steht hierbei für die CSS Befehle,
und Blau ist auch hier die Klasse.


Zuletzt bearbeitet von homepage-vergleich am 09.10.2009, 22:10, insgesamt 2-mal bearbeitet
Beitrag09.10.2009 um 21:09 (UTC)    
Titel:

das hatte ich eingebaut nur wird er nicht angezeigt.

Code:
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{ldisplay:none;}
li.nav_element checked_menu{display:none;}
li.nav_element subpage{display:none;}
#counter{display:none;}
#nav_container{display:none;}


/* global */
html{height: 100%;}

body
{ font-family: verdana, arial, sans-serif;
padding: 0px;
margin: 0px;
font-size: .68em;
}

p
{ margin: 0px;
padding: 0px 0px 16px 0px;
line-height: 1.7em;
}

h1
{ font-family: arial, sans-serif;
letter-spacing: .1em;
}

h2
{ margin: 0px;
padding: 0px 0px 4px 0px;
font-size: 100%;
}

img{border: 0px;}

a{outline: none;}

/* image positioning - left, right and center */
.left
{ float: left;
padding: 0px 8px 0px 0px;
}

.right
{ float: right;
padding: 0px 0px 0px 8px;
}

.center
{ display: block;
text-align: center;
margin: 0 auto;
}

/* block quote */
blockquote
{ margin: 20px 0px 20px 0px;
padding: 10px 20px 0px 20px;
border-left: 8px solid;
}

/* unordered list */
ul
{ margin: 8px 0px 0px 16px;
padding: 0px;
}

ul li
{ list-style-type: square;
margin: 0px 0px 11px 0px;
padding: 0px;
}

/* ordered list */
ol
{ margin: 8px 0px 0px 24px;
padding: 0px;
}

ol li
{ margin: 0px 0px 11px 0px;
padding: 0px;
}

/* margin lefts / margin rights - to centre content */
#main, #footer, #logo, #menu, #content, #counter
{ margin-left: auto;
margin-right: auto;
}

/* main container */
#main{width: 762px;}

/* links above the logo / footer */
#footer
{ padding: 10px 21px 0px 19px;
width: 722px;
height: 22px;
font-size: 94%;
text-transform: uppercase;
clear: both;
}



#footer{text-align: center;}

#footer a{text-decoration: none;}

#footer a:hover{text-decoration: underline;}

/* logo */
#logo
{ width: 762px;
height: 200px;
text-align: left;
}

#logo h1
{ margin: 0px;
padding: 0px 0px 0px -100px;
font-size: 150%;
letter-spacing: .2em;
}

/* navigation menu */
#menu
{ height: 32px;
width: 762px;
}

#menu ul{margin: 0px auto;}

#menu li
{ float: left;
margin: 0px;
padding: 0px;
list-style: none;
}

#menu li a
{ display: block;
float: left;
height: 20px;
text-decoration: none;
padding: 10px 15px 2px 15px;
text-transform: uppercase;
}

/* main content */
#maincontent
{ width: 762px;
height: auto;
padding: 0px;
overflow: hidden;
}

/* column 1 - contains sidebar items */
#sidebar
{ width: 206px;
float: right;
padding: 16px 0px 15px 0px;
}

.sidebaritem
{ text-align: left;
width: 188px;
float: left;
margin: 0px 0px 25px 0px;
}

.sbihead
{ height: 16px;
width: 190px;
padding: 5px 0px 5px 19px;
text-transform: uppercase;
}

.sbihead h1
{ padding: 0px;
margin: 0px;
font-weight: bold;
font-size: 112%;
}

.sbicontent{padding: 14px 8px 8px 19px;}

.sbicontent p
{ line-height: 14px;
padding: 0px 0px 8px 0px;
}

.sbilinks{padding: 0px;}

.sbilinks ul{margin: 0px auto;}

.sbilinks li
{ margin: 0px;
float: left;
list-style: none;
}

.sbilinks li a , .sbilinks li a:hover
{ float: left;
height: 16px;
text-decoration: none;
padding: 5px 0px 4px 19px;
width: 188px;
border: 0px;
}

/* column 2 - page content */
#content
{ text-align: justify;
width: 512px;
float: left;
padding: 12px 3px 15px 19px;
height: auto;
overflow: hidden;
line-height: 1.7em;
}

#content h1
{ padding: 6px 0px 4px 0px;
margin: 0px 0px 12px 0px;
border-bottom: 1px solid;
font-size: 150%;
text-transform: uppercase;
font-weight: normal;
}

.sidebaritem a, #content a, .sidebaritem a:hover, #content a:hover
{ padding: 0px;
text-decoration: none;
padding-bottom: 2px;
border-bottom: 1px dashed;
}

.sidebaritem a:hover, #content a:hover{border-bottom: 1px solid;}













body
{ background: #343434 url(http://img.webme.com/pic/s/siegburger-locations/backlu.png);
color: #5A6370;
}

blockquote{border-color: #D1D3D7;}

#main
{ background: #FFF url(http://img.webme.com/pic/s/siegburger-locations/mainexge.png) repeat-y;
color: #5A6370;
}

#footer, #menu, #menu li a
{ background: #FFF url(http://img.webme.com/pic/s/siegburger-locations/menu.png);
color: #D1D3D7;
border-color: #D7D7D7;
}

#footer a, #footer a:hover
{ background: transparent;
color: #D1D3D7;
}

#logo
{ background:#343434 url(http://img.webme.com/pic/s/siegburger-locations/hzre2.png) no-repeat;
color: #5A6370;
}

h1
{ background: transparent;
color: #109CEF;
border-color: #109CEF;
}

h2
{ color: #109CEF;
}

#menu li a:hover, #menu li a#selected, #menu li a#selected:hover
{ background: #FFF url(http://img.webme.com/pic/s/siegburger-locations/bluemenu.png);
color: #109CEF;
}

#content, #content a, #content a:hover
{ background: transparent;
color: #D1D3D7;
}

.sidebaritem, .sidebaritem a, .sidebaritem a:hover
{ background: transparent;
color: #D1D3D7;
}

.sbihead
{ background: #FFF url(http://img.webme.com/pic/s/siegburger-locations/bluesbi.png);
color: #D1D3D7;
}

.sbihead h1
{ background: transparent;
color: #D1D3D7;
}

.sbilinks li a
{ background: #FFF url(http://img.webme.com/pic/s/siegburger-locations/linketo.png);
color: #D1D3D7;
}

.sbilinks li a:hover
{ background: #2a2a2a;
color: #1775D5;
}


-->

</style>

<table style="margin: 0px auto;" cellpadding="0" cellspacing="0" ><tr><td>
<style type="text/css">
<!--

______________
Beitrag09.10.2009 um 21:09 (UTC)    
Titel:

Hallo,

dazu benötigst du folgenden Code:

Zitat:
#counter{
top:XX px;
margin-left: XX px;
width: XXpx;
height: XXpx;
background-image:url(bildurl);
background-repeat:no-repeat;
background-color:#XXXXXX;
color:#XXXXXX;}


Rot: Der Abstand vom oberen Bildschirmrand
Dunkelrot: Der Abstand vom linken Bildschirmrand.
Orange: Die Breite des Feldes.
Braun: Die Höhe des Feldes.
Gelb: Falls benötigt,die Hintergrundbild-URL.
Blau: Die Hintergrundfarbe,Farbcode oder "transparent" für durchsichtig.
Violett: Die Farbe der Schrift.

Hoffe,konnte dir helfen Wink
______________


Das Forum für alle die sich mit Computern auskennen und/oder sich über Konsolen und Spiele unterhalten wollen !
Beitrag09.10.2009 um 21:11 (UTC)    
Titel:

jetzt ist er sichtbar. nur noch eine frage. wie bekomm ich ihn unter das design ?
______________
Beitrag09.10.2009 um 21:13 (UTC)    
Titel:

Dafür musst du den "Top"-Wert so anpassen,bis er unter das Design rutscht Wink .Einfach immer ein bisschen weiter runterschieben,und dann einfach so weit,bis er die gewünschte Höhe erreicht hat Wink
______________


Das Forum für alle die sich mit Computern auskennen und/oder sich über Konsolen und Spiele unterhalten wollen !
Beitrag09.10.2009 um 21:13 (UTC)    
Titel:

ahh cool danke dir
______________
Beitrag09.10.2009 um 21:14 (UTC)    
Titel:

Du musst diesen Codeschnipsel entfernen,
oben steht es ja.

Du sollst ihn löschen.

Und dann fügst du im CSS Code,
den Code von Nico ein.
_________________________________________

Zitat:
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{ldisplay:none;}
li.nav_element checked_menu{display:none;}
li.nav_element subpage{display:none;}
#counter{display:none;} (Wichtig : Muss gelöscht werden)
#nav_container{display:none;}


/* global */
html{height: 100%;}

body
{ font-family: verdana, arial, sans-serif;
padding: 0px;
margin: 0px;
font-size: .68em;
}

p
{ margin: 0px;
padding: 0px 0px 16px 0px;
line-height: 1.7em;
}

h1
{ font-family: arial, sans-serif;
letter-spacing: .1em;
}

h2
{ margin: 0px;
padding: 0px 0px 4px 0px;
font-size: 100%;
}

img{border: 0px;}

a{outline: none;}

/* image positioning - left, right and center */
.left
{ float: left;
padding: 0px 8px 0px 0px;
}

.right
{ float: right;
padding: 0px 0px 0px 8px;
}

.center
{ display: block;
text-align: center;
margin: 0 auto;
}

/* block quote */
blockquote
{ margin: 20px 0px 20px 0px;
padding: 10px 20px 0px 20px;
border-left: 8px solid;
}

/* unordered list */
ul
{ margin: 8px 0px 0px 16px;
padding: 0px;
}

ul li
{ list-style-type: square;
margin: 0px 0px 11px 0px;
padding: 0px;
}

/* ordered list */
ol
{ margin: 8px 0px 0px 24px;
padding: 0px;
}

ol li
{ margin: 0px 0px 11px 0px;
padding: 0px;
}

/* margin lefts / margin rights - to centre content */
#main, #footer, #logo, #menu, #content, #counter
{ margin-left: auto;
margin-right: auto;
}

/* main container */
#main{width: 762px;}

/* links above the logo / footer */
#footer
{ padding: 10px 21px 0px 19px;
width: 722px;
height: 22px;
font-size: 94%;
text-transform: uppercase;
clear: both;
}



#footer{text-align: center;}

#footer a{text-decoration: none;}

#footer a:hover{text-decoration: underline;}

/* logo */
#logo
{ width: 762px;
height: 200px;
text-align: left;
}

#logo h1
{ margin: 0px;
padding: 0px 0px 0px -100px;
font-size: 150%;
letter-spacing: .2em;
}

/* navigation menu */
#menu
{ height: 32px;
width: 762px;
}

#menu ul{margin: 0px auto;}

#menu li
{ float: left;
margin: 0px;
padding: 0px;
list-style: none;
}

#menu li a
{ display: block;
float: left;
height: 20px;
text-decoration: none;
padding: 10px 15px 2px 15px;
text-transform: uppercase;
}

/* main content */
#maincontent
{ width: 762px;
height: auto;
padding: 0px;
overflow: hidden;
}

/* column 1 - contains sidebar items */
#sidebar
{ width: 206px;
float: right;
padding: 16px 0px 15px 0px;
}

.sidebaritem
{ text-align: left;
width: 188px;
float: left;
margin: 0px 0px 25px 0px;
}

.sbihead
{ height: 16px;
width: 190px;
padding: 5px 0px 5px 19px;
text-transform: uppercase;
}

.sbihead h1
{ padding: 0px;
margin: 0px;
font-weight: bold;
font-size: 112%;
}

.sbicontent{padding: 14px 8px 8px 19px;}

.sbicontent p
{ line-height: 14px;
padding: 0px 0px 8px 0px;
}

.sbilinks{padding: 0px;}

.sbilinks ul{margin: 0px auto;}

.sbilinks li
{ margin: 0px;
float: left;
list-style: none;
}

.sbilinks li a , .sbilinks li a:hover
{ float: left;
height: 16px;
text-decoration: none;
padding: 5px 0px 4px 19px;
width: 188px;
border: 0px;
}

/* column 2 - page content */
#content
{ text-align: justify;
width: 512px;
float: left;
padding: 12px 3px 15px 19px;
height: auto;
overflow: hidden;
line-height: 1.7em;
}

#content h1
{ padding: 6px 0px 4px 0px;
margin: 0px 0px 12px 0px;
border-bottom: 1px solid;
font-size: 150%;
text-transform: uppercase;
font-weight: normal;
}

.sidebaritem a, #content a, .sidebaritem a:hover, #content a:hover
{ padding: 0px;
text-decoration: none;
padding-bottom: 2px;
border-bottom: 1px dashed;
}

.sidebaritem a:hover, #content a:hover{border-bottom: 1px solid;}













body
{ background: #343434 url(http://img.webme.com/pic/s/siegburger-locations/backlu.png);
color: #5A6370;
}

blockquote{border-color: #D1D3D7;}

#main
{ background: #FFF url(http://img.webme.com/pic/s/siegburger-locations/mainexge.png) repeat-y;
color: #5A6370;
}

#footer, #menu, #menu li a
{ background: #FFF url(http://img.webme.com/pic/s/siegburger-locations/menu.png);
color: #D1D3D7;
border-color: #D7D7D7;
}

#footer a, #footer a:hover
{ background: transparent;
color: #D1D3D7;
}

#logo
{ background:#343434 url(http://img.webme.com/pic/s/siegburger-locations/hzre2.png) no-repeat;
color: #5A6370;
}

h1
{ background: transparent;
color: #109CEF;
border-color: #109CEF;
}

h2
{ color: #109CEF;
}

#menu li a:hover, #menu li a#selected, #menu li a#selected:hover
{ background: #FFF url(http://img.webme.com/pic/s/siegburger-locations/bluemenu.png);
color: #109CEF;
}

#content, #content a, #content a:hover
{ background: transparent;
color: #D1D3D7;
}

.sidebaritem, .sidebaritem a, .sidebaritem a:hover
{ background: transparent;
color: #D1D3D7;
}

.sbihead
{ background: #FFF url(http://img.webme.com/pic/s/siegburger-locations/bluesbi.png);
color: #D1D3D7;
}

.sbihead h1
{ background: transparent;
color: #D1D3D7;
}

.sbilinks li a
{ background: #FFF url(http://img.webme.com/pic/s/siegburger-locations/linketo.png);
color: #D1D3D7;
}

.sbilinks li a:hover
{ background: #2a2a2a;
color: #1775D5;
}

#counter{
top:XX px;
margin-left: XX px;
width: XXpx;
height: XXpx;
background-image:url(bildurl);
background-repeat:no-repeat;
background-color:#XXXXXX;
color:#XXXXXX;}


-->

</style>

<table style="margin: 0px auto;" cellpadding="0" cellspacing="0" ><tr><td>
<style type="text/css">
<!--


Rot : Muss gelöscht werden !
Blau : Der neue Code des Counters !
Beitrag09.10.2009 um 21:22 (UTC)    
Titel:

auch wenn ich die position ändern will bleibt er an dieser stelle
______________
Beiträge der letzten Zeit anzeigen:   


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