[skórka wordpress] Zmiana sidebara


(Piotrekp2006) #1

Zainstalowałem skórkę inove jednak sidebar nie można w pełni edytować. Jeśli daje wygląd i zmieniam widżety na poszczególnych sidebarach to i tak pozostaje kilka które nie są w panelu administracyjnym a są wyświetlane. Po usunięciu w pliku sidebar.php poszczególnych widżetów nie są one wyświetlane jednak także nie da się wstawić żadnego widżeta.

Oto źródło sidebar.php http://wklej.org/id/103069/


(Mariuszs) #2

Wystarczy usunąć odp. funkcje warunkowe i ich zawartość i na 100% ich już nie będzie. Na przykład, kiedy usuwamy chmurkę z tagami, to żegnamy z kodu:

<?php if (!is_single()) : ?>

Tag Cloud

<?php wp_tag_cloud('smallest=8&largest=16'); ?>
<?php endif; ?> [/code]


(Piotrekp2006) #3

Tak też zrobiłem tylko że później nie mogę nic dodać do tego sidbara a do tego pozostaje puste miejsce a raczej taka kreska jak by zaczynał się nowy widżet. :?


(Mariuszs) #4

Musisz edytować też CSS, usuwać przy okazji niepotrzebne ramki i style. W miejsce usuniętego kodu możesz dodać inną pozycję modułu. Nie wiem, jak to wygląda dokładnie. Funkcje Wordpressa odn. modułów do wygooglowania.


(Sano Pp) #5

Witam,

Nie chcąc tworzyć nowego tematu, zamieszczam swoje pytanie tutaj :wink:

Mam niewielki problem - chciałbym aby boczny pasek "sidebar" był półprzezroczysty. Wiem że jest coś takiego jak np. "rgba(255, 255, 255, 0.5)" tylko gdzie go wstawić... ?

Korzystałem z /* txt */ aby sprawdzić czy to ta ścieżka.... patrzyłem też po kolorach z ColorZilla i mi się nie udało :confused:

Dlatego proszę o pomoc

Arkusz stylu (style.css)

/*

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

/* remember to define focus styles! */

:focus {

	outline: 0;

}

/* remember to highlight inserts somehow! */

ins {

	text-decoration: none;

}

del {

	text-decoration: line-through;

}

/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: collapse;

	border-spacing: 0;

}


/* end of reset */


html, body {

	height: 100%;

}

body {

	background:url;

	font-size: 62.5%;

	font-family: Helvetica, Arial, sans-serif;

}

h1, h2, h3, h4, h5, h6 {

	font-family: 'Droid Serif', Georgia, "Times New Roman", Times, serif;

}

a {

	color: #00AFE7;

	text-decoration: none;

}

a:hover {

	text-decoration: underline;

}

#wrapper {

	height: 100%;

	margin: 0 auto;

	width: 960px;

}

#shadow {

	-moz-box-shadow: 0 0 1em #e3eaf4;

	-webkit-box-shadow: 0 0 1em #e3eaf4;

	width: 960px;

	float: left;	

}

#toparea {

	width: 960px;

	float: left;

	margin-top: 0px;

}

#header {

	width: 960px;

	height: 450px;

	margin-top: 0px;

	border-right: 1px solid #e4ecf9;

}

#header .title-description {

	margin: 40px 0px 0px 40px;

	padding: 30px;

	background-color: rgba(255, 255, 255, 0.8);

	float: left;

	-moz-border-radius: 40px;

	-webkit-border-radius: 40px;

	border-radius: 40px;

}

#header h1 {

	font-size: 3em;

	color: #2e2c6a;

	margin-bottom: 9px;

}

#header h2 {

	font-size: 1.6em;

	color: #55548f;

	font-style: italic;

}

#menulist {

    background-color: #e5edf7; /* fallback color */

    background-image: url('images/menubg.jpg') repeat-x; /* fallback image */

    background-image: -moz-linear-gradient(100% 100% 90deg, #eaf1f9, #f4f9ff);

    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4f9ff), to(#eaf1f9));

	width: 958px;

	height: 47px;

	float: left;

	border-top: 1px solid #e4ecf9;

	border-bottom: 1px solid #fff;

	border-right: 1px solid #e4ecf9;

	border-left: 1px solid #e4ecf9;

}

#page-wrap {

	background: #f7fafe url('images/contentbg.jpg') repeat-y;

	width: 958px;

	height: 100%;

	float: left;

	border-left: 1px solid #e4ecf9;

	border-right: 1px solid #e4ecf9;

	border-top: 1px solid #d2e1f1;

	border-bottom: 1px solid #e4ecf9;

}

#content {

	float: left;

	width: 638px;

	height: 100%;

	color: #2e2c6a;

	border-right: 1px solid #f3f3ff;

}

#sidebar {

	width: 279px;

	margin-top: 15px;

	float: left;

	padding: 0px 20px;

}

#footer {

	width: 960px;

	float: left;

	color: #2e2c6a;

	text-align: left;

	padding: 20px 0px;

}

#footer p {

	font-size: 1.2em;

	margin: 0px 30px;

}


/* menu styles */

#nav {

	list-style: none;

	float: left;

	margin: 0px 0px 0px 8px;

}

#nav li {

	position:relative;

	display:block;

	float:left;

}

#nav li a {

	float:left;

	display: block;

	text-decoration: none;

	color: #4a4893;

	font-weight: bold;

	font-size: 1.4em;

	padding: 17px 26px;

}

#nav li a:hover {

	color: #2e2c6a;

	text-decoration: none;

	background-color: rgba(255, 255, 255, 0.4);

	border-right: 1px solid #eee;

	border-left: 1px solid #eee;

	padding: 17px 25px;

}

#nav ul {

	position:absolute;

	top: 49px;

	left:0;

}

#nav ul li {

	border: 1px solid #dae7f4;

	margin-top: -1px;

}

#nav ul li a {

	width: 140px;

	background: #f6faff;

	border: 0;

	padding: 17px 26px;

}

#nav ul li a:hover {

	background: #f3f7fd;

	border: 0;

	padding: 17px 26px;

}

#nav ul li ul {

	top: 0;

	left: 192px;

}


/* post styles */

.post-wrap {

	background: #fff;

	padding: 0px 30px 30px 30px;

}

.post {

	padding: 20px 0px;

	border-bottom: 1px solid #e4ecf9;

}

.post h2 {

	font-size: 2.4em;

	line-height: 1.8em;

}

.post h2 a {

	color: #3f2274;

}

.post small {

	font-size: 1.2em;

	line-height: 1.5em;

}

.post .entry {

	margin: 10px 0px 0px 0px;

}

.entry h1,

.entry h2,

.entry h3,

.entry h4,

.entry h5,

.entry h6 {

	margin: 5px 0px 10px 0px;

}

.entry h1 {

	font-size: 2.2em;

}

.entry h2 {

	font-size: 2em;

}

.entry h3 {

	font-size: 1.8em;

}

.entry h4 {

	font-size: 1.6em;

}

.entry h5 {

	font-size: 1.4em;

}

.entry h6 {

	font-size: 1.3em;

}

p.tags {

	background: #fff;

	font-size: 1.3em;

	margin: 20px 0px 20px 0px;

}

.entry ul {

	list-style-type: disc;

	margin: 15px 0px;

}

.entry ul li {

	margin: 0px 0px 0px 15px;

	font-size: 1.4em;

	line-height: 1.6em;

}

.entry ul li ul li {

	font-size: 1.0em;

}

.entry ol {

	list-style-type: decimal;

	margin: 15px 0px;

}

.entry ol li {

	margin: 0px 0px 0px 20px;

	font-size: 1.4em;

	line-height: 1.6em;

}

.entry ol li ol li {

	margin: 0px 0px 0px 20px;

	font-size: 1.0em;

}

.entry a.more-link {

	font-weight: bold;

}

.entry p { 

	padding-bottom: 13px; 

	font-size: 1.4em; 

	line-height: 1.6em; 

}

.entry img {

	padding: 7px;

	background: #fff;

	border: 1px solid #e4ecf9;

	margin: 0px 10px 10px 10px;

}

.entry blockquote {

	border-top: 1px solid #e4ecf9;

	border-bottom: 1px solid #e4ecf9;

	padding: 15px 15px 0px 15px;

	margin: 10px 0px;

	font-style: italic;

	color: #6E6DAF;

}

.entry table {

	font-size: 1.3em;

	padding: 5px;

	margin: 15px 0px;

}

.entry table tr th,

.entry table td {

	padding: 5px;

}

.entry dl {

	margin: 10px 0px;

}

.entry dt {

	font-size: 1.4em;

	font-weight: bold;

}

.entry dd {

	font-size: 1.4em;

}

.postmetadata {

	font-size: 1.2em;

	margin: 5px 0px 0px 0px;

	padding: 18px 0px 0px 0px !important;

	border-top: 1px solid #e4ecf9;

}

.navigation {

	margin: 40px 0px 0px 0px;

	font-size: 1.2em;

	background: #fff;

}

.alignright { float:right;}

.alignleft { float:left; }

.aligncenter { display: block; margin: 0 auto; }

.navigation .alignright a,

.navigation .alignleft a {

	background: #f2f7fe;

	padding: 10px;

	display: block;

	border: 1px solid #e4ecf9;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

}

.clear { clear: both; }


/* archive */

#content h2.pagetitle {

	padding: 20px 0px 0px 0px;

	font-size: 2.4em;

	line-height: 1.6em;

}

.archive-post h3 {

	font-size: 1.8em;

	line-height: 1.6em;

}

.archive-post {

	border-bottom: 1px solid #e4ecf9;

}


/* sidebar */

#sidebar ul {

	list-style: none;

}

#sidebar ul li h2 {

	font-size: 2em;

	margin: 30px 0px 8px 0px;

	color: #2e2c6a;

}

#sidebar ul li.widget {

	margin-bottom: 25px;

}

#sidebar .textwidget p {

	color: #2e2c6a;

	font-size: 1.3em;

	line-height: 1.6em;

	padding-bottom: 10px;

}

#sidebar ul li ul a {

	font-size: 1.3em;

	display: block;

	color: #2e2c6a;

	text-decoration: none;

	padding: 10px 0px;

	border-bottom: 1px solid #e4ecf7;

}

#sidebar ul li ul a:hover {

	text-decoration: underline;

}

#sidebar .widget_tag_cloud a,

#sidebar h2 a {

	color: #2e2c6a;

}

#sidebar .widget_recent_comments ul li {

	display: block;

	padding: 10px 0px;

}

#sidebar .menu {

	background: none;

	width: 100%;

	height: 100%;

	float: none;

	border: 0;

}

#sidebar ul.menu,

#sidebar ul.sub-menu,

#sidebar ul.sub-menu ul.sub-menu {

	list-style: none;

	float: none;

}

#sidebar ul.menu li,

#sidebar ul.sub-menu li,

#sidebar ul.sub-menu li ul.sub-menu li {

 	float: none;

 	border: 0;

 	display: inherit;

}

#sidebar ul.sub-menu li {

	padding-left: 10px;

}

#sidebar ul.menu li a {

	font-size: 1.3em;

	display: block;

	color: #2e2c6a;

	text-decoration: none;

	padding: 10px 0px;

	border-bottom: 1px solid #e4ecf7;

}

#sidebar ul.menu li a:hover {

	text-decoration: underline;

}

#sidebar ul.sub-menu li a {

	font-size: 1.3em;

	display: block;

	color: #2e2c6a;

	text-decoration: none;

	padding: 10px 0px;

	border-bottom: 1px solid #e4ecf7;

	font-weight: normal;

}

#sidebar ul.sub-menu li a:hover {

	text-decoration: underline;

	border: 0;

	border-bottom: 1px solid #e4ecf7;

}

#sidebar .widget_calendar table {

	font-size: 1.3em;

}

#sidebar .widget_calendar table caption {

	font-weight: bold;

	padding: 5px 0px 15px 0px;

}

#sidebar .widget_calendar table tr th {

	padding: 10px;

	border: 1px solid #e4ecf7;

	color: #2e2c6a;

}

#sidebar .widget_calendar table tr td {

	padding: 10px;

	border: 1px solid #e4ecf7;

	text-align: center;

}

#sidebar .widget_calendar table tr td#next,

#sidebar .widget_calendar table tr td#prev,

#sidebar .widget_calendar table tr td.pad {

	padding: 10px;

	text-align: center;

}

#sidebar .widget_calendar table tr td.pad {

	/background: #e4ecf7;

}


/* seach box styles */

#searchform {

	margin: 10px 0px;

}

ol.commentlist { list-style:none; }

ol.commentlist li { }

ol.commentlist li.alt { }

ol.commentlist li.bypostauthor {}

ol.commentlist li.byuser {}

ol.commentlist li.comment-author-admin {}

ol.commentlist li.comment { padding: 15px 0px; }

ol.commentlist li.comment div.comment-author { margin: 5px 0px; }

ol.commentlist li.comment div.vcard { font-size: 1.4em; }

ol.commentlist li.comment div.vcard cite.fn { font-weight: bold; font-style: normal; }

ol.commentlist li.comment div.vcard cite.fn a.url { color: #00AFE7; text-decoration: none; }

ol.commentlist li.comment div.vcard cite.fn a.url:hover { text-decoration: underline; }

ol.commentlist li.comment div.vcard img.avatar { border: 1px solid #ccc; float: left; margin: 0px 8px 0px 0px; }

ol.commentlist li.comment div.vcard img.avatar-32 {}

ol.commentlist li.comment div.vcard img.photo {}

ol.commentlist li.comment div.vcard span.says { display: none; }

ol.commentlist li.comment div.commentmetadata { margin-bottom: 7px; }

ol.commentlist li.comment div.comment-meta { margin: 5px 0px 15px 0px; }

ol.commentlist li.comment div.comment-meta a { color: #000; text-decoration: none; font-style: italic; }

ol.commentlist li.comment div.comment-meta a:hover { text-decoration: underline; }

ol.commentlist li.comment p { font-size:1.4em; line-height: 1.6em; margin:0 0 10px 0px; }

ol.commentlist li.comment ul { list-style:square; margin:0 0 1em 2em; }

ol.commentlist li.comment div.reply { font-size:1.2em; }

ol.commentlist li.comment div.reply a { font-weight:bold; color: #00AFE7; text-decoration: none; }

ol.commentlist li.comment div.reply a:hover { text-decoration: underline; }

ol.commentlist li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; }

ol.commentlist li.comment ul.children li { }

ol.commentlist li.comment ul.children li.alt {}

ol.commentlist li.comment ul.children li.bypostauthor {}

ol.commentlist li.comment ul.children li.byuser {}

ol.commentlist li.comment ul.children li.comment {}

ol.commentlist li.comment ul.children li.comment-author-admin {}

ol.commentlist li.comment ul.children li.depth-2 { border-top: 1px solid #e4ecf9; margin:0 0 .25em 1.5em; }

ol.commentlist li.comment ul.children li.depth-3 { border-top: 1px solid #e4ecf9; margin:0 0 .25em 1.5em; }

ol.commentlist li.comment ul.children li.depth-4 { border-top: 1px solid #e4ecf9; margin:0 0 .25em 1.5em; }

ol.commentlist li.comment ul.children li.depth-5 { border-top: 1px solid #e4ecf9; margin:0 0 .25em 1.5em; }

ol.commentlist li.comment ul.children li.odd {}

ol.commentlist li.even { background: #fff; }

ol.commentlist li.odd { background:#fff; }

ol.commentlist li.parent { }

ol.commentlist li.thread-alt { }

ol.commentlist li.thread-even { background: #f7fafe; border-top: 1px solid #e4ecf9; border-bottom: 1px solid #e4ecf9; padding: 15px 10px; }

ol.commentlist li.thread-odd { padding: 15px 10px; }


/* mix */

.wp-caption {

   border: 1px solid #ddd;

   text-align: center;

   background-color: #f3f3f3;

   padding-top: 5px;

   margin: 10px;

   /* optional rounded corners for browsers that support it */

   -moz-border-radius: 3px;

   -khtml-border-radius: 3px;

   -webkit-border-radius: 3px;

   border-radius: 3px;

}

.wp-caption img {

   margin: 0;

   padding: 0;

   border: 0 none;

}

.wp-caption p.wp-caption-text {

   font-size: 11px;

   line-height: 17px;

   padding: 4px 4px 5px;

   margin: 0;

}

Z góry bardzo dziękuję za odpowiedź !!

Pozdrawiam


(Mariuszs) #6
#sidebar {

opacity: 0.5;

}

oczywiście działać będzie tylko w nowoczesnych przeglądarkach (CSS 3)


(Arn Poznan) #7

Zamiast

#sidebar {

   width: 279px;

   margin-top: 15px;

   float: left;

   padding: 0px 20px;

}

wstaw:

#sidebar {

   width: 279px;

   margin-top: 15px;

   float: left;

   padding: 0px 20px;

   background: rgba(255,255,255,0.5);

}

Opacity powoduje przeźroczystość całego diva, a rgba tylko tła.


(Sano Pp) #8

Wplotłem samo "opacity: 0.5" - kod działa, tyle że widgety robią się przezroczyste... a mi chodziło o tło bocznego paska - żeby było półprzezroczyste i tło na samym spodzie (tło strony) ".gif" było widać - lekko prześwitywało, czy jest to możliwe?

Wplecenie "background-color: rgba(255, 255, 255, 0.4)" nie zadziałało

Czy jest jeszcze inne rozwiązanie co do tła?

p.s.

co do CSS3 nie wiedziałem znalazłem przy okazji ciekawą stronkę:

http://adamczuk.net.pl/2009/01/08/obsluga-selektorow-css3-przez-przegladarki/

co mnie jeszcze zaskoczyło to fakt że Mozilla, IE i Opera inaczej wyświetlają stronę :confused:

-- Dodane 26.09.2010 (N) 19:01 --

ok

"background: rgba(255,255,255,0.5)" działa ale też na widgety

swoją drogą ciekawe rozwiązania z tymi dwoma wpisami "opacity: 0.5" i "background: rgba(255,255,255,0.5)"


(Arn Poznan) #9

(Sano Pp) #10

Udało się !!

Bardzo Wam dziękuję za wszelką pomoc !!

Ten przykład okazał się bardzo pomocny, bo pomógł w znajdowaniu podobieństw...

Moje pytanie można uznać za zamknięte :wink:

Pozdrawiam!