Breite ändern

[winni]

Hallo,

wie kann ich den Abstand ändern damit mein Logo reinpasst??

habe bereit rausgefunden das ich die header.tpl kopieren muss und anschliessen die kopie bearbeiten.
nur an welche zahl muss ich genau schrauben??

danke

Johann

 

[winni]

AW: Breite ändern

kann mir keiner helfen??

 

[reddwarf]

AW: Breite ändern

Hallo,

im theme.css kann man die Position des Suchfeldes und auch die gesammte Breite beeinflussen.
Ich würde allerdings eher das Bild kleiner machen, als das ganze Template umzubauen.

.page_width { width: 940px; }

#header_wrapper { background: transparent url(images/header_bg.png) top left repeat-x; }
#search { background: transparent url(images/shop2_header.png); height: 99px; padding: 0; position: relative; z-index: 10; }
#search-form { position: absolute; right: 0; top: 15px; height: 50px; width: 200px; }
#search-form input[type="text"]{ width: 100px; }

Gruss Mario

 

[winni]

AW: Breite ändern

Hallo Mario,

danke. Ich habe als Standard-Theme Tiny eingestellt. in dem Ordner themes\ sind ja unterschiedliche Unterordner (blue, dark usw.) In diesen Unterordner sind jeweils theme.css. nur den Unterordner mit Tina fehlt. 🙁

johann

 

[ag-websolutions.de]

AW: Breite ändern

Tiny-Theme ist das Basis-Theme ... in den anderen Theme gibt es die theme.css, weil in diesen die Abweichungen zum Basis-Theme drin stehen ...

Vorgehensweise für dich...

Template auf "Benutzerdefiniertes Theme" umschalten ...
dann im Verzeichnis custom eine theme.css anlegen und in dieser deine Änderungen eintragen

 

[ag-websolutions.de]

AW: Breite ändern

eine Basis-theme.css gibt es nicht

wie schon gesagt ... das Tiny-Theme ist das Bais-Theme, welches aber auf einer Vielzahl von css-Dateien basiert (page.css, boxes.css, etc.)

leg doch eine neue an ... den code hat reddwarf dir doch oben schon gepostet

 

[winni]

AW: Breite ändern

Hallo,

wo kann ich den Hintergrundfarbe ändern?? will diese graue farbe gegen weiß ersetzen.

Danke

die code sieht zur zeit so aus;

a,a:visited,a:link {
color: #3E47A2;
}

a:visited {
color: #793ea2;
}

a:hover,a:visited:hover {
color: #50619f;
}

.custom_content h2 {
margin-top: 1.5em;
}

.custom_content em {
font-weight: normal; color: #000;
}

body {
background: #FFFFFF url(images/bg_body.png) repeat-x center top;
}

#page {
background: transparent none;
}

#header_wrapper,#header {
height: 153px;
}

#headlinks,#headlinks.active {
border: none;
}

#search {
background: none repeat scroll 0 0 transparent; padding: 0; position: relative;
text-align: right; top: -100%;
}

#search-form {
width: 300px; padding-right: 10px; position: absolute; right: 0; top: 0; height: 40px;
padding-top: 15px;
background: url("http://forum.jtl-software.de/images/bg_head_search.png") no-repeat scroll right bottom transparent;
}

#speciallinks {
display: none;
}

#search input[type="text"] {
width: 190px;
}

.panel_left #sidepanel_left {
width: 200px;
}

.panel_left #content {
margin-left: 200px; padding-right: 10px;
}

#headlinks ul {
margin-left: 20px;
}

.sidebox h3 {
border-bottom: none; padding: 5px 2px; margin: 2px; background: #77263c none; color: #fff;
font-size: 1em !important;
}

#settings li span,#settings>ul>li>a {
color: #77263c;
}

#settings {
top: 0; right: 310px; text-align: right; width: 500px;
}

#settings>ul {
float: right; height: 40px; padding-left: 15px; padding-top: 15px;
background: url("http://forum.jtl-software.de/images/bg_head_search.png") no-repeat scroll left bottom transparent;
}

#settings div.expander_box {
text-align: left;
}

#outer_wrapper {
margin-top: 0;
}

#page_wrapper {
background: #fff; padding-top: 5px;
}

/* #settings a.expander { background-color: #5d6b9c; margin-left: 5px; } */
#headlinks ul li>a,#headlinks li.basket>a {
background-color: #77263c; color: #fff;
}

#headlinks ul li>a:hover,#headlinks li.basket>a:hover,#settings a.expander.active,#settings a.expander:hover
{
background-color: #3c5473;
}

#settings a.expander.active,#settings a.expander:hover {
border-color: #3c5473; color: #fff;
}

#logo img {
top: 15px;
}

#footer_wrapper {
background: transparent none; margin: 0 auto;
}

#footer {
padding: 0; margin: 0 auto; background-color: #fff; width: 1050px;
border: 15px solid #fff; border-radius: 15px 15px 0 0; -moz-border-radius: 15px 15px 0 0;
-webkit-border-radius: 15px 15px 0 0; -khtml-border-radius: 15px 15px 0 0;
}

#footer .master {
margin: 1em 0 0 0
}

#footer .footer_box fieldset.newsletter input[type="text"] {
width: 220px;
}

#frontpage_banner {
margin-top: -10px;
}

#simplemodal-container {
border-color: #46638A;
}

#page_wrapper {
border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px; -khtml-border-radius: 0 0 10px 10px;
}

#simplemodal-container {
border: 0; background: url("../blue/images/popup_border.png"); padding: 8px;
}

.simplemodal-data {
background-color: #fff; padding: 12px;
}

#settings .expander_box {
border: 0; background: url("../blue/images/popup_border.png"); padding: 8px;
}

#settings .expander_inner {
background-color: #fff; padding: 8px;
}

#fancybox-outer {
border: 0; background: url("../blue/images/popup_border.png"); padding: 8px;
}

#fancybox-close {
top: 8px; right: 8px;
}

#fancybox-left-ico {
left: 8px;
}

#fancybox-right-ico {
right: 8px; left: auto;
}

#headlinks li.basket.items>a {
color: #4d3d0c !important; text-shadow: 0 1px 0 #FFEE66;
background: url("../base/images/button_bg.png") repeat-x scroll left top #FFAA22 !important;
}

#headlinks li.basket div.articles {
background: url("../blue/images/popup_border.png") repeat scroll 0 0 transparent
!important; border: 0 none; padding: 8px;
}

.datepicker {
border-color: #46638A;
}

#footer {
margin: 15px auto 0 auto;
}

#headlinks li.basket div.articles table {
background-color: #fff; padding: 5px;
}

#configset ul.semtabs li.active a {
background-color: #46638A; color: #fff;
}

 

[reddwarf]

AW: Breite ändern

Kleiner Tip. Mach die Seite mal mit Chrome auf und klicke mit rechts auf das, was du aendern willst. Dann waehlst du "Element untersuchen". Nun kannst du unten rechts in dem Feld Aenderungen vornehmen und siehst gleich, was sich dadurch aendert.
Dabei lernt man recht schnell, wie ein css aufgebaut ist.

Gruss Mario

 

[MichaelH]

AW: Breite ändern

*wow*, wusste gar nicht dass das Chrome kann, super Tipp !

 

[reddwarf]

AW: Breite ändern

Hehe, dem IT-Altmeister geb ich gern Tips 🙂

Gruss Mario

 

[MichaelH]

AW: Breite ändern

Danke, jetzt fühle ich mich wirklich alt ... 🙂

 

[winni]

AW: Breite ändern

Hallo,

wonach muss ich suchen um die Farbe von blau in grau zuändern??

 

[winni]

AW: Breite ändern

kann mir keiner helfen??

 

[ag-websolutions.de]

AW: Breite ändern

doch, aber das wurde dir bereits in Beitrag Nr. 9 von reddwarf erklärt

 

[reddwarf]

AW: Breite ändern

Hallo,

mach einen Screenshot von dem, wo du was ändern willst. Dann guckst du dir mit der Pipette im Bildbearbeitungsprogramm deiner Wahl den #123445 code der Farben an.
Dann weisst du, wonach du in der CSS suchen musst. Die Stelle sagt dir wieder Chrome mit der Funktion "Element untersuchen".

Gruss Mario