Autor | Zpráva | ||
---|---|---|---|
cs.web Profil |
#1 · Zasláno: 3. 11. 2013, 13:11:31
Dobrý den, zakoupil jsem si tuto wordpress šablonu.
Bohužel až po instalaci šablony do wordpressu jsem si všiml že při zmenšení stránky ve prohlížeči se levý postranní panel přesune pod obsah na pravo. Můžete si to předvést na této stránce po zmenšení velikosti stránky v prohlížeči. Potřeboval bych vědět jak to opravit aby ten levý panel zůstal na svém místě i po oddálení nebo větším rozlišení. |
||
ShiraNai7 Profil |
#2 · Zasláno: 3. 11. 2013, 17:34:39
Řešení je víc.. nejjednodušší je asi uvést rozměry v procentech:
#primary {width: 74%;} #secondary {width: 19%;} |
||
cs.web Profil |
#3 · Zasláno: 3. 11. 2013, 20:30:42
Díky jsem ale úplný začátečník a tak se ptám, co přesně mám v css upravit ?
/* =Widgets -------------------------------------------------------------- */ .widget { display: block; } .widget p{ color: #aab4bb; } .widget-area .widget_search { overflow: hidden; } .widget-area .widget_search input { float: left; } .widget-title{ background: url(http://napasport.cz/smazat/minecube/wp-content/themes/minecube/images/widget_h.png); margin: 0 -20px; font-size: 14px; font-weight: 600; color: white; line-height: 16px; padding: 12px 13px; text-shadow: 0px 1px 1px #262626; filter: dropshadow(color=#262626, offx=0, offy=1); height: 15px; } .widget ul{ margin: 0px -20px 5px; padding:0px; } .widget ul li, .recentcomments { display: block; background: url(http://napasport.cz/smazat/minecube/wp-content/themes/minecube/images/menu-li.png); padding: 12px 13px; font-size: 10px; text-transform: uppercase; color: #aab4bb; } .widget ul li a { color: #998675!important; border: none!important; padding: 12px 13px; display: block; padding: 0px !important; font-size: 13px; text-transform: none !important; font-weight: 500 } .widget ul li:hover{ text-decoration: none; color: #fff; background: url(http://napasport.cz/smazat/minecube/wp-content/themes/minecube/images/menu-li-hover.png); } .fot-widget .widget-title{ background: url(images/widget_h.png); margin: 0 -15px; font-size: 14px; font-weight: 600; color: white; line-height: 16px; padding: 12px 13px; text-shadow: 0px 1px 1px #262626; filter: dropshadow(color=#262626, offx=0, offy=1); height: 15px; } .fot-widget .widget ul{ margin: 0px -15px 5px; padding:0px; } .fot-widget .widget ul li, .recentcomments { display: block; color: #998675!important; border-bottom: 1px dotted #7d7d7d; padding: 12px 13px; font-size: 10px; text-transform: uppercase; background: none!important; } .fot-widget .widget ul li a { border: none!important; padding: 12px 13px; display: block; padding: 0px !important; color: #b3b2b2!important; font-size: 13px; text-transform: none !important; } .fot-widget .widget ul li:hover{ text-decoration: none; color: #fff; } .fot-widget .recentcomments a{ border-bottom: none !important; } .fot-widget .widget p{ font-size: 12px; color: #7b7b7b; line-height: 16px; } .fot-widget .widget_clw h3{ font-size: 16px; font-weight: 600; color: #fff; } .widget_clw input[type="text"], .widget_clw input[type="password"]{ background: url(images/input-bg.png); border:none; padding: 6px 5px 6px ; width:160px; margin: 8px 0 0 0; color: #785639; } .widget_clw{ color: #aab4bb; margin: 0 0 5px; } /* =Footer -------------------------------------------------------------- */ #colophon { padding: 1em 0 0; } .fot-widget{ width: 175px; margin: 0 18px; float: left; padding: 0 0 20px 0; } .fot-widget .widget-title{ background: none; color: #ababab; padding: 7px 0; border-bottom: 1px solid #4f4f4f; } .footer-social-about{ height: 54px; clear: both; position: relative; } .footer-social-about .social{ float:left; width: 230px; padding: 18px; position: relative; } .footer-social-about .social img{ margin: 0 5px; } .footer-social-about .social p{ font-size: 11px; color: #4f4f4f; width: 120px; right: 0px; position: absolute; top: 13px; } .footer-social-about .created{ font-size: 12px; right: 15px; top: 13px; width: 330px; clear: both; position: absolute; } .footer-social-about .created p{ float: left; font-size: 11px; color: #4f4f4f; } .footer-social-about .created img{ float: right; } /* COMMENTS */ #comments{ background: #C5C5C5; margin:10px -15px -15px; padding: 15px; } .comment-author{ width: 40px; float: left; margin: 0 10px 0 0; display: block; } article.comment{ padding: 7px; } .reply{ display: none; } .comment-meta{ display: block; min-width: 40px; text-align: center; padding: 5px 0; } .fn{ width: 40px; } .comment-meta{ text-align: right !important; padding: 5px 10px 5px 0 ; } .fn a, .comment-meta a{ color:#939393; font-size: 10px; text-transform: uppercase; text-align: center; } .commentlist li{ margin: 0 0 15px; list-style-type: none; } .commentlist{ margin: 10px 0 0 0; } .comment-content{ margin: 0 0 5px 0; background: #fff; border: 1px solid #ccc; -webkit-border-radius: 5px; border-radius: 5px; padding: 8px; } #comment-profile{ float: left; width: 40px; } #comment-profile img{ -webkit-border-radius: 5px; border-radius: 5px; } .comment-div{ width: 90%; float: right; } .children{ opacity: 0.7; } .children:hover{ opacity: 1 } .comment-author-admin .comment-content{ -webkit-box-shadow: 0px 0px 2px 1px #77cdee; box-shadow: 0px 0px 2px 1px #77cdee; border:none; } .underheader{ height: 250px; background: url(http://napasport.cz/smazat/minecube/wp-content/themes/minecube/images/slider-bg.png); border-left: 1px solid #1d1105; border-right: 1px solid #1d1105; border-bottom: 1px solid #1d1105; } .slider{ width: 669px; float: left; } .flexslider{ position: relative; } #control{ background: url(http://napasport.cz/smazat/minecube/wp-content/themes/minecube/images/nav-bg.png); height: 39px; } /* shoutbox */ .sk-comment { border: none !important; position: relative; margin: 20px 0 0px 0 !important; } .sk-comment div strong { position: absolute; top: 50px; left:5px; font-size: 10px; text-transform: uppercase; font-weight: normal!important; color: #9c9c9b; } .skwidget-comment{ position: absolute; top:8px; left: 55px; } .sk-little{ display: none; } .sk-table .sk-little{ display: block!important; } .skwidget-edit{ display: none; } .sk-widgettext{ font-size: 13px; color: #464646; } .sk-area{ width: 160px!important; height: 30px!important; font-size: 13px; color: #464646!important; font-family: 'Open sans' ,'Segoe UI',Helvetica, Arial, Tahoma, sans-serif; } img.avatar-32{ width: 41px!important; height: 41px!important } input.sk-button{ background: url(http://napasport.cz/smazat/minecube/wp-content/themes/minecube/images/button.png)!important; font-size: 12px!important; font-weight: normal!important; padding: 5px 10px!important; color: #fff!important; border: 1px solid #150c01!important; opacity: 0.7!important; cursor:pointer; } input:hover.sk-button{ opacity: 1 } .sk-box-button{ margin: 0 0 10px 0; } /* Search */ #searchform{ margin: 8px 10px 0 0; float:right; z-index: 99999; } #searchform input#s{ background: url(http://napasport.cz/smazat/minecube/wp-content/themes/minecube/images/search.png) no-repeat; width: 141px; height: 28px; border: none !important; font-size: 10px; color:#785639; padding: 0 25px 0 8px !important; margin: 3px 0 0 0; } #searchsubmit{ display: none; } .entry-content #searchform{ margin: 0 0 20px 0; } .entry-content #searchform input#s{ background: #fff; border: 1px solid #ccc!important; font-size: 12px; padding: 5px!important; float:left!important; color: #707070; } .entry-content #searchsubmit{ display: block; } .widget_clw h1{ background: url(http://napasport.cz/smazat/minecube/wp-content/themes/minecube/images/register.png) no-repeat; height: 36px; } .widget_clw h3 { display: none; } #logo-online{ position: relative; height: 240px; } #logo-online img{ position: absolute; top:-10px; right: 60px; z-index: 999 bottom: -10px; } |
||
Časová prodleva: 10 let
|
0