Probleme mit selbsterstellten Theme

Begonnen von tuningcar, 20 Oktober 2005, 21:51:24

⏪ vorheriges - nächstes ⏩

0 Mitglieder und 2 Gäste betrachten dieses Thema.

tuningcar

Und zwar habe ich Probleme die Farben mit Hilfe des css Anzupassen.

Wo finde ich zb. die Codes für die Farbe der Conten Blöcke ?



Und wo finde ich die Farben der Menü Überschriften ?

Irgendwie sehe ich heute den Wald vor lauter Bäumen nicht  ::)

henne

tjo da wär die css des themes recht hilfreich. Ist das ein Theme auf Basis der Themeengine ? oder mit theme.php

Haste das mitgekaufte umgebaut ?
bye Henne

don't click the blue "e" on your desktop, use Firefox

Jeden Tag verschwinden Rentner im Internet, weil sie gleichzeitig alt und entfernen drücken

tuningcar

#2
das ist die css vom tut theme .

Naja , umgebaut kann mans fast nicht mehr nenen.

Eher neu aufgebaut  ?    ;)

@ Henne

Aber irgendwann will ich schon noch ein prof. Theme von dir  ;)

Hier mal die css :

Zitat/* $Id: style.css,v 1.4.2.2 2004/08/27 20:02:47 EllselAn Exp $ */
/**********************************************************************/
/* vkpMx 2.1.a  Content Management System Platform                    */
/* ================================================================== */
/* Copyright (C) 2004 by the vkpMx & pragmaMx Developer Team          */
/* email:        team@pragmamx.org                                    */
/* homepage:     http://www.pragmamx.de & http://www.pragmaMx.org     */
/* ================================================================== */
/*   The vkpMx is distributed free of charge by pragmaMx.de.          */
/*   The use of this system is allowed until copyright information    */
/*   is shown perspicuous visible and correcty on all system pages.   */
/*   Sales, rent out and the use of single code parts from this       */
/*   system must be allowed by pragmaMx.de.                           */
/**********************************************************************/

* {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   text-decoration: none;
}

a:link {
   color: #FFFFFF;
   text-decoration: none;
   background-color: transparent;
   border-bottom: #333333 1px dotted;
}

a:visited {
   color: #FFFFFF;
   text-decoration: none;
   background-color: transparent;
   border-bottom: #333333 1px dotted;

}

a:hover {
   color: #FF9900;
   text-decoration: none;
   border-bottom: #ff6600 1px dotted;

}

a:hover img {
   filter: glow(Color=#ff6600,Strength=1);
}

a:active {
   color: #333366;
   text-decoration: none;
   background-color: transparent;
   border-bottom: #333333 1px dotted;

}


body {
   background-color: #808080;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   scrollbar-3dlight-color: #808080;
   scrollbar-arrow-color: #000000; /* BACKGROUND-repeat: repeat; */
   scrollbar-darkshadow-color: #333333;
   scrollbar-face-color: #808080;
   scrollbar-highlight-color: #808080;
   scrollbar-shadow-color: #808080;
   scrollbar-track-color: #808080;
   text-decoration: none;
   color: #333333;
}

br {
   line-height: 8px;
}

form {
   display: inline;
}

h1 {
   font-weight: bold;
}

h2 {
   font-weight: bold;
}

h3 {
   font-weight: bold;
}

h4 {
   font-weight: bold;
}

h5 {
   font-weight: bold;
}

h6 {
   font-weight: bold;
}

h7 {
   font-weight: bold;
}

img {
   border-bottom: 0px;
   border-left: 0px;
   border-right: 0px;
   border-top: 0px;
}

input {
   background-color: #808080;
   border-bottom: 1px inset #666666;
   border-left: 1px inset #666666;
   border-right: 1px inset #666666;
   border-top: 1px inset #666666;
   color: #FFFFF;
}

input.formbutton {
   border-bottom: #666666 1px outset;
   border-left: #666666 1px outset;
   border-right: #666666 1px outset;
   border-top: #666666 1px outset;
}

select {
   background-color: #f2f2f2;
   border-bottom: 1px inset #666666;
   border-left: 1px inset #666666;
   border-right: 1px inset #666666;
   border-top: 1px inset #666666;
   color: #FFFFFF;
}

span.footmsg a {
   color: #f2f2f2;
   font-size: 9px;
   background-color: transparent;
}

textarea {
   background-color: #f2f2f2;
   border-bottom: 1px inset #666666;
   border-left: 1px inset #666666;
   border-right: 1px inset #666666;
   border-top: 1px inset #666666;
   color: #FFFFFF;
}

th {
   font-weight: bold;
}

input.formbutton {
   background-color: #f2f2f2;
   border-bottom: #666666 1px outset;
   border-left: #666666 1px outset;
   border-right: #666666 1px outset;
   border-top: #666666 1px outset;
   color: #333333;
   text-align: center;
}

input.formcheckbox {
background-color: transparent;
border: none;
}
.blocksRight {

   background-color: #414141;
   border-left: #FFFFFF dotted 1px;
   width: 156px;
   
}

.blocksLeft {

   background-color: #414141;
   border-right: #333333  dotted 1px;
   width: 150px;
   
}

.CenterBox {

   background-color: #414141;
   border-bottom: #414141 2px solid;
   border-right: #414141 2px solid;
   border-left: #414141 2px solid;
   border-top: #414141 2px solid;
   height:   400px;   
   
}

.box {
   border-bottom: #666666 1px solid;
   border-left: #666666 1px solid;
   border-right: #666666 1px solid;
   border-top: #666666 1px solid;
   
}

.boxcontent {
   font-size: 12px;
}

.boxtitle {
   font-size: 16px;
   font-weight: bold;
}

.content {
   font-size: 12px;
}

.footmsg {
   color: #f2f2f2;
   font-size: 9px;
   background-color: transparent;
}

.footmsgl {
   color: #f2f2f2;
   font-size: 9px;
   background-color: transparent;
}

.option {
   font-size: 12px;
   font-weight: bold;
}

.storycat {
   font-size: 12px;
   font-weight: bold;
}

.storytitle {
   font-size: 16px;
   font-weight: bold;
}

.tiny {
   font-size: 9px;
}

.title {
   color: #FFFFFF;
   font-size: 12px;
   font-weight: bold;
   background-color: transparent;
}
.sitetitle {
   font-family: "Times New Roman", Times, serif;
   font-variant: small-caps;
   font-weight: bold;
   font-size: 30px;
   letter-spacing: 1px;
   font-style: italic;
   margin-left: 10px;
   margin-top: 5px;
   }
.viewbench {

   color: #000000;
   font-size: 9px;
   background-color: transparent;
}
.date  {

   color: #000000;
   font-size: 9px
}

}
.time  {

   color: #000000;
   font-size: 9px
}
}
.totaluser  {

   color: #000000;
   font-size: 9px
}

#searchform {

   background-color: transparent;
   color: #333333;    
   font-size: 10px;    
   font-style: normal;    
   font-variant: normal;    
   font-weight: lighter;    
   height: 20px;    
   line-height: normal;
   margin: 2px 4px 0px;
   overflow: hidden;    
   width: 164px;
}

#searchform input {

   background-color: #f2f2f2;    
   border-bottom: 1px solid #666666;    
   border-left: 1px solid #666666;    
   border-right: 1px solid #666666;    
   border-top: 1px solid #666666;    
   color: #333333;    height: 17px;    
   line-height: normal;    
   padding-left: 3px;    
   width: 100px;
}

#searchform input.formbutton {
   
   background-color: #f2f2f2;
   border-bottom: 1px solid #666666;       
   border-left: 1px solid #666666;    
   border-right: 1px solid #666666;    
   border-top: 1px solid #666666;    
   color: #333333;    height: 17px;    
   margin: 0px 0px 0px 3px;    
   text-transform: lowercase;    
   width: 50px;    
   padding: 0px 0px 3px 0px;    
   font-size: 10px;
}

#searchform input.formbutton:focus {    
   
   background-color: #f2f2f2;    
   color: #333333;
}

#searchform input:focus {    

   background-color: #f2f2f2;    
   color: #333333;
}
#loginform {    
   
   background-color: transparent;
   color: #000000;    
   font-size: 10px;    
   font-style: normal;    
   font-variant: normal;    
   font-weight: lighter;    
   line-height: normal;    
   margin: 0px;


#loginform a {    

   background-color: transparent;    
   border-bottom-color: #000000;    
   border-bottom-style: dotted;    
   border-bottom-width: 1px;    
   color: #000000;
}

#loginform a:link {    

   background-color: transparent;    
   color: #000000;
}  #loginform a:visited {    

   background-color: transparent;    
   color: #000000;


#loginform a:hover,

#loginform a:focus {    

   background-color: transparent;    
   border-bottom-color: #000000;    
   color: #000000;


#loginform a:active {    

   background-color: transparent;    
   color: #000000;


#loginform form {    

   display: inline;


#loginform input {    

   background-color: #000000;    
   border-bottom: #666666 1px inset;    
   border-left: #666666 1px inset;    
   border-right: #666666 1px inset;    
   border-top: #666666 1px inset;    
   color: #333333;    height: 16px;    
   padding-left: 3px;    
   width: 80px;


#loginform input.formbutton {    

   background-color: #f2f2f2;    
   border-bottom: 1px solid #666666;    
   border-left: 1px solid #666666;    
   border-right: 1px solid #666666;    
   border-top: 1px solid #666666;    
   color: #333333;    
   font-size: 10px;    
   height: 17px;    
   line-height: 10px;    
   margin: 0px 0px 0px 4px;    
   text-transform: lowercase;    
   width: 60px;    
   padding: 0px;


#loginform input.formbutton:focus {    

   background-color: #D8D9DE;    
   color: #1C223C;


#loginform input:focus {    

   background-color: #D8D9DE;    
   color: #FFFFFF;



#loginform td {    

   background-color: transparent;    
   color: #000000;    
   font-size: 11px;    
   text-align: center;
}

#pathview {    

   background-color: transparent;    
   color: #000000;    
   font-size: 9px;    
   font-style: normal;    
   font-variant: normal;    
   font-weight: normal;    
   line-height: normal;


#pathview a {    

   background-color: transparent;    
   border-bottom: none;    
   color: #f2f2f2;


#pathview a:link {    

   background-color: transparent;    
   color: #000000;


#pathview a:visited {    

   background-color: transparent;    
   color: #000000;


#pathview a:hover,

#pathview a:focus {    

   background-color: transparent;    
   color: #000000;


#pathview a:active {    

   background-color: transparent;    
   color: #000000; }

henne

Blocküberschriften:

wenn Du alles richtig gemacht hast ;) kannst Du in die Klasse .boxtitle ne Farbe hinzufügen siehe unten:

.boxtitle {
   font-size: 16px;
   font-weight: bold;
   color: #ff6600;
}


Wo finde ich zb. die Codes für die Farbe der Conten Blöcke

schau mal in die theme.html ob Du die da festgelegt hast
bye Henne

don't click the blue "e" on your desktop, use Firefox

Jeden Tag verschwinden Rentner im Internet, weil sie gleichzeitig alt und entfernen drücken

RiotheRat

Moin,

könnt Ihr sowas nicht bitte als *.txt-Datei auf Euren Server packen und dann hier verlinken? Wer soll sich bitteschön 490 (!) Zeilen hier im Forum antun? Man muss es dann eh hier rauskopieren um es zu bearbeiten. Besser also so Monstercode irgendwo zu hinterlegen. Das bläht auch unsere Datenbank nicht unnötig auf.

RtR
Unaufgeforderte PNs & Emails werden ignoriert

Erst wenn die letzte Zeile Code verhunzt, der letzte Server gehackt und der letzte Script-Kidde befriedigt ist, erst dann, werdet Ihr feststellen, dass Nuke nicht sicher ist...

tuningcar

Eigentlich nicht , da ist niergendwo weiß definiert .

Ich kenn mich bald nicht mehr aus .

Wer kann mir helfen das Theme farblich anzupassen ?

henne

zip das Teil mal und hängs hier an dann schau ich drüber ;)
bye Henne

don't click the blue "e" on your desktop, use Firefox

Jeden Tag verschwinden Rentner im Internet, weil sie gleichzeitig alt und entfernen drücken

tuningcar

Schick mir mal deine Mail addy ( PN ) dann schick ichs dir  ;)