Skocz do zawartości
jasiek95

Zmiana koloru szablonu

Rekomendowane odpowiedzi

Witam chciałbym zmienić kolor pasków strony tak aby wszystkie te czarne paski mialy kolor  0FFF17 przeszukałem juz wszystkie moduły i wyrwałem wszystkie włosy z głowy jezeli sie da bez zmiany szablonu zmienić ten kolor byłbym bardzo wdzięczny.

 

PrestaShop? 1.5.6.2

 

www.snatury.pl

 

Chcałbym też zmienić tło strony zamiast tego białego koloru dać jakis obrazek badz inny kolor pozdrawiam i z góry dziękuje.

 

Tło strony juz wiem jak zmienić znalazlem w global.css

 

 

body{
font:normal 11px/14px Arial, Verdana, sans-serif;
color:#222;
background:#33CC99
 
nadal nie wiem co z tymi paseczkami

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

/* BLOCK .block ******************************************************************************** */
.block {margin-bottom:20px}
#footer .block {margin-bottom:0}
    .block .title_block, .block h4 {
        padding:6px 11px;
        font-size:12px;
        color:#fff;
        text-shadow:0 1px 0 #000;
        text-transform:uppercase;
        background:#383838;
        font-weight: bold;

 

zmiana background na kolor jaki chcesz.

Pomogło ?

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Dodam że górna czarna belka z menu to moduł i jego kolor zmienia się w pliku superfish-modified.css musisz poszukać: .sf-menu i jego odmiany (hover, activ) żeby zmienić wszystkie kolory.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Jerry dzieki za pomoc pomogło. :)
 
 
 
a teraz mam pytanko do  
endriu107
 
gdzie moge znalesc superfish-modified.css bo w domains/snatury.pl/public_html/themes/default/css go nie ma :)
 
 
 
oks znalazlem go w    domains/snatury.pl/public_html/modules/blocktopmenu/css

 

 

zmienilem pare linijek na #FF0000 i nic sie nie zmienilo a nie chce zepsuc albo cos poprzestawiać jak ktoś moze to byłbym bardzo wdzieczny za wskazanie linijki pozdrawiam   a i jeszcze został pasek u dołu strony tez czarny to jego tez bym chciał zmienić :)

 
 

/*** ESSENTIAL STYLES ***/
.sf-contener {
clear: both;
}
.sf-right {
margin-right: 14px;
float: right;
width: 7px;
}
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu {
margin: 10px 0;
padding:0;
width:980px;/* 980 */
background: #FF0000;
}
.sf-menu ul {
position: absolute;
top: -999em;
width: 10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
width: 100%;
}
.sf-menu li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
float: left;
position: relative;
border-right: 1px solid #777;
}
.sf-menu a {
display: block;
position: relative;
color:#fff;
text-shadow:0 1px 0 #333;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left: 0;
top: 34px; /* match top ul list item height */
z-index: 99;
width:auto
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left: 200px; /* match ul width */
top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left: 200px; /* match ul width */
top: 0;
}

/*** DEMO SKIN ***/
.sf-menu {
float: left;
margin-bottom: 1em;
}
.sf-menu a {
display:block;
margin-right:2px;
padding: 0 22px 0 20px;
line-height:34px;
border: 0;
text-decoration:none;
}
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
color: #fff;
white-space:nowrap;
}
.sf-menu li li {
background: rgba(113, 113, 113, 0.9);
}
.sf-menu li li li {
background: rgba(113, 113, 113, 0.9);
}
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background: #FF0000;
}
.sf-menu ul li:hover, .sf-menu ul li.sfHover,
.sf-menu ul li a:focus, .sf-menu ul li a:hover, .sf-menu ul li a:active {
background: #FF0000;
outline: 0;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
padding-right: 2.25em;
min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
position: absolute;
display: block;
right: 10px;
top: 1.05em; /* IE6 only */
width: 10px;
height: 10px;
text-indent: -999em;
overflow: hidden;
background: url('../img/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator { /* give all except IE6 the correct values */
top: 11px;
background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
background: url('../img/shadow.png') no-repeat bottom right;
padding: 0 8px 9px 0;
-moz-border-bottom-left-radius: 17px;
-moz-border-top-right-radius: 17px;
-webkit-border-top-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
background: transparent;
}
li.sf-search {
background: inherit;
float: right;
line-height: 25px;
}
li.sf-search input {
-moz-border-radius: 0 5px 5px 0;
padding: 3px 0;
padding-left: 20px;
margin: 6px 6px 0 0;
background: #fff url('../img/search.gif') no-repeat left center;
border:1px solid #777
}

/* hack IE7 */
.sf-menu a, .sf-menu a:visited {height:34px !IE;}
.sf-menu li li {
width:200px;
background:#FF0000 !IE;
}

 

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

...

gdzie moge znalesc superfish-modified.css bo w domains/snatury.pl/public_html/themes/default/css go nie ma :)

 

 

 

Sprawdź jeszcze głębiej dokładnie w domains/snatury.pl/public_html/themes/default/css/modules/blocktopmenu w tym miejscu może być plik który chcesz edytować.

 

A tak w ogóle to widzę że zmieniłeś kolor na czerwony, więc chyba dobry plik edytujesz :)

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Tak to juz pisałem ze znalazlem tylko teraz nie wiem ktora linijka jest od tego koloru bo wziolem poprostu podmienilem wszystkie kolory jakie tam byly :D i zostala mi jeszcze belka na samym dole strony jak ja zmienic ?? :P

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Niestety ale podanie mi liniii nie pomoze mi bo jak wchodze w global,css to nie mam ponumerowanych prosil bym o podanie tego wiersza

 

:D

pliki możesz edytować i zmieniać w  "Notepad++ " - świetny edytor no i linie są ponumerowane .

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Witam, chciałbym prosić o pomoc. Próbuje ustawić nowe tło w swoim sklepie i mam kilka pytań.
W pliku global.css wpisuje

 

w linii : 5261

 

.columns-container {
  background: white;
  /*background:#777777 url(../img/gory.jpg);*/
  background-repeat: no-repeat;
  background-attachment: fixed;
  /*background-size: contain;*/
  opacity: 0.5,}
 

 

W linii 236 :

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.42857;
  color: #777777;
  background:url(../img/gory.jpg);
  /*background-size: 50% 100%;*/
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;  }
 

 

Efekt :

 

http://imgur.com/AW9JsRu

W którym miejscu muszę zmienić kod żeby przezroczysty kolor biały był na środku pod całą zawartością sklepu a w tle po bokach zdjęcie ?

Pozdrawiam

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Link do sklepu  www.buldogwroclaw.pl

 

Najnowaszy kod z global.css

linia 236

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.42857;
  color: #777777;
  background-color: white;}
  /*background: url(../img/a4.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;}*/

 

linia 5261

body {
  min-width: 320px;
  height: 100%;
  line-height: 18px;
  font-size: 13px;
  color: #777777; }
  body.content_only {
    background: none; }

textarea {
  resize: none; }

#header {
  z-index: 5003; }

.columns-container {
  /*background: white;*/
  background:url(../img/a5.JPG);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;}
 

 

W zdjeciu A5.jpg poprostu zrobilem w photoshopie biały pas na środku.

Jak zrobić żeby ten pas miał dokładnie szerokość górngo menu i sam się

dopadowywał do rozdzierczości ekranu

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Dzięki za odpwiedz a możesz to rozwinąć.

Chciałem zrobić coś w tym stylu

http://addons.prestashop.com/pl/samochody/16911-tires-wheels-for-autos.html&utm_source=back-office&utm_medium=themes-push&utm_campaign=back-office-PL

 

Moj szablon testowy

http://buldogwroc.nazwa.pl/presta/

 

 

Mam w linii 236 wstawić tylko background: url(../img/s8.jpg)

a później modyfikować kod od lini 5261.

 

Po raz pierwszy robie sklep interetowy możesz wrzucić przykładowy kod ?

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Zrobiłem tak jak kazałeś  mój kod

 

http://buldogwroclaw.pl/index.php

 

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.42857;
  color: #777777;
  /*background-color: white;*/
  background: url(../img/s8.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;}

 

 

-------------------------------------------

 .container {
    padding-left: 0;
    padding-right: 0;
    background: #fff;} }
body {
  min-width: 320px;
  height: 100%;
  line-height: 18px;
  font-size: 13px;
  color: #777777; }
  body.content_only {
    background: none; }

textarea {
  resize: none; }

#header {
  z-index: 5003; }

.columns-container {
  background: none;
  /*background:url(../img/a5.JPG);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;}*/}

#columns {
  position: relative;
  padding-bottom: 50px;
  padding-top: 15px; }

 

_______

 

Główny container najechał góne meny i stópke da sie to jakoś zmodyfikować.

Czy można zwiekszyć szerokość container o kilka procent , i w taki sposób go zmienić aby wyświetlał się tylko na podstronach ( Produkty , Regulamin ) a nie na stronie głównej  ??

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

1. Kod ze stopki , wktórym mijescu mam wstawić background transparent

 

.footer-container {
  background-color: #333333; }
  @media (min-width: 768px) {
    .footer-container {
      background: url(../img/footer-bg.png) repeat-x #333333; } }
  .footer-container .container {
    padding-bottom: 100px; }
  .footer-container #footer {
    color: #777777; }
    .footer-container #footer .row {
      position: relative; }
    .footer-container #footer .footer-block {
      margin-top: 45px; }
      @media (max-width: 767px) {
        .footer-container #footer .footer-block {
          margin-top: 20px; } }
    .footer-container #footer a {
      color: #777777; }
      .footer-container #footer a:hover {
        color: white; }

 

2.  W pierszej części body zmodyfikowałem kod tak :

body , #page, header, .columns-container {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
]  line-height: 1.42857;
  color: #777777;
  /*background-color: white;*/
  background: #FFF url(../img/s8.jpg)!important;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;}

 

Twoim zdaniem jest to dobrze zrobione ? Chcę mieć zdjęcie od góy do dołu.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się



  • Przeglądający

    Brak zarejestrowanych użytkowników, przeglądających tę stronę.

  • Aktywni użytkownicy

    Nikt jeszcze nie otrzymał reputacji w tym tygodniu.

  • Statystyki forum

    • Tematów
      7 793
    • Postów
      37 112
×