Zmiana rozmiaru czcionki i tła w skórce DarkEffect
|
pasterzppp |
Dodany dnia 18.02.2011 15:37:14
|
Przedszkolak
Postów: 23 Ostrzeżeń: 1
Data rejestracji: 02.11.2010 18:35
|
Jak w temacie. Próbowałem sam zmieniać ale widocznie nie ogarniam tego w dostatecznym stopniu. Chodzi mi, żebyście mi pomogli odnaleźć miejsce w którym
a) reguluję sobie rozmiar odnośników w nawigacji głównej
b) reguluję sobie rozmiar odnośników w nawigacji górnej
c) modyfikuje elementy tła
Tu podaje zawartość pliku style.css, żebyście nie musieli ściągać.
#fpage{margin:0}
#pbkg{width:1004px;margin:0 auto}
#logo{height:100px;width:1004px}
#footer{width:100%}
#sarea{height:40px;border-bottom:1px dashed #111;width:100%}
#switch{top:15px;right:40px;position:relative}
.floatL{float:left}
.navR{float:right;color:#fff;line-height:40px;padding-right:10px}
.floatR{float:right}
a.white, li.white a{color:#fff;text-decoration:none}
a:hover.white, li.white a:hover{color:#f90;text-decoration:underline}
body{margin:0;background:#111 url(images/bg.gif) repeat;font-family:Verdana, Arial;font-size:11px;color:#fff}
.center{margin:0 auto}
.bullet{border:0}
hr{border:1px solid #000}
hr.side-hr{border:1px solid #000}
td{font-family:Verdana, Arial;font-size:11px}
pre{font-family:Verdana, Arial;font-size:11px}
.alt{color:#fff}
.admin-message{font-family:Verdana, Arial;font-size:11px;text-align:center;color:#fff;border:1px solid #000;padding:3px 4px;margin-bottom:5px}
form{margin:0px}
.bbcode{font-size:10px;color:#fff;background:#333;border:1px solid #555;margin-top:2px}
.textbox{font-family:Verdana, Arial;font-size:10px;color:#fff;background:#1f1f1f url(images/navh.gif) repeat-x top;border:1px solid #555}
.quote{font-size:11px;color:#fff;background:#333;padding:4px;margin:0 8px;border:1px solid #555}
#bbcode_smileys_list_message{background:#333}
#bbcode_smileys_list_shout_message{background:#333}
.news-category{border:0;margin:3px 5px 0 0;float:left}
.news-footer{font-size:10px;color:#fff;border:1px solid;border-color:#555 #ccc #ccc #555;padding:3px 4px}
.tbl-border{border:1px solid #555;padding:2px;background:#333}
.tbl{font-size:11px;color:#fff;padding:4px;border:1px solid #555}
.tbl1{font-size:11px;color:#fff;padding:4px;border:1px solid;border-color:#555 #000 #000 #555;background:#4d4c4c url(images/row2.gif) repeat-x top}
.tbl2{font-size:11px;color:#fff;padding:4px;border:1px solid;border-color:#555 #000 #000 #555;background:#4d4c4c url(images/row1.gif) repeat-x top}
.forum-caption{font-size:11px;font-weight:bold;color:#fff;padding:2px 4px;text-decoration:underline}
.comment-name{font-weight:bold;color:#fff}
.shoutboxname{font-weight:bold;color:#fff}
.shoutbox{color:#fff}
.shoutboxdate{font-size:10px;color:#fff}
.small{font-size:10px;font-weight:normal}
.small2{font-size:10px;font-weight:normal;color:#fff}
.side-small{font-size:10px;font-weight:normal;color:#fff}
.side-label{color:#fff;margin:2px 0;padding:2px 2px}
#navigation h2{font-size:10px;font-weight:normal;margin:0;padding:4px}
#navigation ul{margin:0;padding:0;list-style-type:none}
* html #navigation ul li{height:1%}
.pagenav{padding:4px}
.pagenav span{color:#fff;background:#000;border:1px solid #ccc;padding:2px 4px;margin:2px}
.pagenav a{color:#fff;border:1px solid #555;padding:2px 4px;margin:2px;text-decoration:none}
.pagenav a:hover{color:#fff;background:#000;margin:2px;text-decoration:underline}
#cts{margin:0;border:1px solid #000;background:#3c3c3c}
.st{padding-left:3px;height:35px;line-height:35px;border:1px solid #000;font-family:Verdana, Arial;font-size:13px;font-weight:bold;color:#fff;background:url(images/st.gif) repeat-x top}
.sbody{font-size:10px;color:#fff;padding:20px 3px;background:#292929;border:1px solid #000}
.tbody{font-size:10px;color:#fff;padding:20px 0;background:url(images/tt.gif) repeat-x top}
#close{width:100%;height:10px}
#cont{position:relative;top:0;left:0}
#container{width:100%}
* html #main-bg{height:1%;width:auto}
.cfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.cfix{display:block}
.ffix{overflow:hidden}
* html .ffix{width:100%}
#main-bg{line-height:1.4em;padding:2em .1em}
#side-border-right, #side-border-left{padding:2em .2em;width:15em;max-width:15em;display:inline}
#side-border-left{float:left}
#side-border-right{float:right}
* html #side-border-right{margin-left:-3px}
* html #side-border-left{margin-right:-3px}
.side-both #main-bg{margin:0 16em}
.side-left #main-bg{margin:0 .2em 0 16em}
.side-right #main-bg{margin:0 16em 0 .2em}
.side-left #side-border-right{display:none}
.side-right #side-border-left{display:none}
Z góry dziękuje za okazaną pomoc. |
|
|
|
Wścibski Gość |
Dodany dnia 22.11.2024 17:29:35
|
Pan Kontekstualny
Postów: n^x
Data rejestracji: Zawsze
|
|
IP: localhost |
|
|
xtremes |
Dodany dnia 18.02.2011 19:32:25
|
Przedszkolak
Postów: 27 Pomógł: 6 Ostrzeżeń: 1
Data rejestracji: 28.09.2007 22:45
|
To musisz zmienić w themes/DarkEffect/color/
W zależności od koloru skórki.
- kolor skórki pomarańczowy, themes/DarkEffect/color/orange.css
- kolor niebieski, themes/DarkEffect/color/blue.css
- kolor zielony, themes/DarkEffect/color/green.css
|
|
|
|
pasterzppp |
Dodany dnia 19.02.2011 18:36:28
|
Przedszkolak
Postów: 23 Ostrzeżeń: 1
Data rejestracji: 02.11.2010 18:35
|
Hm znalazłem ten jeszcze jeden plik CSS, poniżej zawartość
#navi{width:1004px;height:40px;margin:0 auto;background:url(../green/nav.gif) repeat-x top}
#navi ul{margin:0 auto;padding:0}
#navi ul li{display:inline}
#navi li{overflow:hidden;background-image:none;float:left;line-height:40px;white-space:nowrap}
#navi li a{display:block;width:100px;height:40px;font-size:11px;font-family:Arial;font-weight:bold;color:#fff;text-decoration:none;text-align:center}
#navi li a:hover{background:url(../images/button.gif) repeat-x top;text-decoration:underline}
#main-image{width:1004px;height:152px;background:url(../green/gban.jpg) no-repeat center;border:1px solid #000;margin:5px auto;position:relative}
#navigation a{height:30px;line-height:30px;display:block;color:#7a2;padding:2px;text-decoration:none;border-bottom:1px solid #333}
#navigation a:hover{color:#fff;background:url(../images/navh.gif) repeat-x top;border-bottom:1px solid #333}
a{color:#7a2;text-decoration:none}
a:hover{color:#fff;text-decoration:underline}
a.side{color:#7a2;text-decoration:none}
a:hover.side{color:#fff;text-decoration:underline}
.tt{line-height: 1em;font-family:Verdana, Arial;font-size:14px;font-weight:bold;color:#7a2}
.button{font-size:10px;color:#7a2;border:0;height:20px;line-height:20px;background:url(../images/navh.gif) repeat-x top}
.button:hover{color:#fff}
i znalazłem jak zmienić rozmiar czcionki w menu górnym w 5 linijce. Ale dalej nie wiem jak ustawić tło i większą czcionkę w menu nawigacyjnym. |
|
|
|
krystian1988 |
Dodany dnia 19.02.2011 19:15:13
|
Zaawansowany
Postów: 1187 Pomógł: 100
v7.02.07 Data rejestracji: 07.05.2009 17:37
|
Rozmiar czcionki w styles.css przeważnie jest definiowany poprzez:
font-size
Jest poradnik na temat themów pod v7. Poczytać i efekt dostaniesz ;).
BRAK STOPKI = BRAK POMOCY NA SUPPORCIE.PRZECZYTAJ:
Regulamin Supportu Nie pomagam na PW!!!
|
|
|
|
kintar |
Dodany dnia 19.02.2011 20:12:32
|
Przedszkolak
Postów: 53 Ostrzeżeń: 2
Data rejestracji: 03.07.2008 23:12
|
Ja osobiście na początku edytował bym plik odpowiadający za nawigację żeby sprawdzic dokładnie jaka klasa jest tam zdefiniowana, a później wszystko myślę jest już jasne. W pliku styli szukamy tej klasy i zmieniamy jej parametry wedle wskazówek wyżej. |
|
|
|
xtremes |
Dodany dnia 19.02.2011 20:23:24
|
Przedszkolak
Postów: 27 Pomógł: 6 Ostrzeżeń: 1
Data rejestracji: 28.09.2007 22:45
|
Wielkość czcionki w nawigacji pionowej to w zależności od koloru, zmień w pliku orange, blue lub green.css
a.side{color:#5ad; text-decoration:none}
na:
a.side{color:#5ad;font-size:12px;text-decoration:none}
Tło skórki zmieniasz w styles.css
Edytowane przez xtremes dnia 19.02.2011 20:29:59
|
|
|
|
pasterzppp |
Dodany dnia 21.02.2011 15:32:51
|
Przedszkolak
Postów: 23 Ostrzeżeń: 1
Data rejestracji: 02.11.2010 18:35
|
Dzięki wszystkim. Pzdr. |
|
|