Widget — редактирование кода (продолжение)

  • Решено ka81

    (@ka81)


    14 лет, 11 месяцев назад

    <!-- the sidebar has been formatted to make the theme widget ready -->

<ul class="sidebar">
	<li id="search-7" class="widget widget_search"><form role="search" method="get" id="searchform" action="http://example.net.ua/" >
	<div><label class="screen-reader-text" for="s">Search:</label>
	<input type="text" value="" name="s" id="s" />
	<input type="submit" id="searchsubmit" value="Search" />
	</div>
	</form></li>

    скажите пжлст, где в style.css или другом каком месте я могу задать ширину поля поиска (где вводятся слова для поиска) и самой кнопки поиска?

    благодарю.

    P.S. сам поиск, как видно из кода, добавлен на сайт как виджет.

Просмотр 15 ответов — с 1 по 15 (всего 17)
1 2
  • Модератор Sergey Biryukov

    (@sergeybiryukov)

    Live and Learn

    14 лет, 11 месяцев назад

    Примерно так:

    .sidebar #searchform #s {
	width: 100px;
}
.sidebar #searchform #searchsubmit {
	width: 20px;
}

    Автор ka81

    (@ka81)

    14 лет, 11 месяцев назад

    Большое вам спасибо!

    Автор ka81

    (@ka81)

    14 лет, 11 месяцев назад

    <!-- the sidebar has been formatted to make the theme widget ready -->

<ul class="sidebar">
	<li id="mycategoryorder" class="widget widget_categories"><h2 class="widgettitle">Сезони</h2>
			<ul>
				<li class="cat-item cat-item-11"><a href="http://x-files.net.ua/?cat=11" title="Перший сезон">Перший сезон</a>
</li>
	<li class="cat-item cat-item-3"><a href="http://x-files.net.ua/?cat=3" title="Другий сезон">Другий сезон</a>
</li>
			</ul>
			</li>

    список категорий добавлен в сайдбар как виджет (My Category Order плагин)
    нигде не могу найтикак убрать li и где контролируется шрифт категорий.

    Будьте добры помочь пжлст.

    Модератор Юрій

    (@yube)

    14 лет, 11 месяцев назад

    нигде не могу найтикак убрать li

    Если не можете самостоятельно найти, то лучше и не пытайтесь убрать — только хуже сделаете. Тем более, что смысла в этом нет.

    и где контролируется шрифт категорий.

    Там же, где и всё остальное — в css.

    Автор ka81

    (@ka81)

    14 лет, 11 месяцев назад

    смысл есть — очень уж мешает.
    тоже самое и по шрифту.

    слезно прошу помощи..

    вот весь цсс:

    /*
Theme Name:		Simple Notepad
Theme URI: 		http://thestateofflux.com/simple-notepad-theme
Version: 		1.0.1
Description: 	A clean design reminiscient of a notepad on a desk.  This theme is suitable for multiple authors and features an about page for each one.  Uses gravatars, widgets, SEO.
Author: 		Damien Flux
Author URI:		http://thestateofflux.com
Tags:			two-columns, fixed-width

Licensed under the terms of the GNU General Public License version 2.
*/

/********** MAIN **********/
body {font: 13px/1.5 Verdana, Arial, Helvetica, sans-serif; background: transparent url("images/leather.jpg");}
input {font: 13px/1.5 Verdana, Arial, Helvetica, sans-serif; background: transparent;}
textarea {font: 13px/1.5 Verdana, Arial, Helvetica, sans-serif; background: transparent;}
.wrap {width:960px; margin:20px auto; border:1px solid black; background: transparent	url("images/paper.jpg");}
.content {width:700px; float:right; padding:0px 20px 0px 20px; min-height:600px;}
.sidebar {width:200px; float:left; padding:0px 10px 40px 10px;}
.screen-reader-text {display:none;}

/********** HEADER **********/
.header {padding:10px 10px 40px 10px; margin-bottom:30px;}
.header h1, h1 a, h1 a:hover {font-size:40px; color:#000000; font-weight:bold; line-height:48px; text-decoration:none; font-family: "Courier New", Courier, monospace;}
.header h4 {color:#333333; font-style:italic; font-size:14px; padding-left: 50px; font-family: "Courier New", Courier, monospace;}

/********** FOOTER **********/
.footer {font-size:10px; text-align:center; line-height:16px; color:#858585; padding-bottom:20px;}
.footer li {list-style-type: none;}
.footer a {color: #858585; text-decoration:underline;}

/********* SIDEBAR **********/
.sidebar ul {list-style-type: none; padding: 0px 0px 0px 10px;}
.sidebar li {list-style-type:none;}
.sidebar ul li {background:transparent url("images/sidenavup.png") 0px 7px no-repeat; margin:0px 0px 0px 0px; padding:0px 0px 0px 18px;}
.sidebar ul li:hover {background:transparent url("images/sidenavover.png") 0px 7px no-repeat;}
.sidebar a {color:#919191; text-decoration:none;}
.sidebar a:hover {color:#120B7F; text-decoration:none;}
.sidebar h3 {font-weight:normal; clear:both; font-size:16px; padding:20px 0px 0px 0px;}
.sidebar a img {border: none;}
.widgettitle {font-weight:normal; clear:both; font-size:1px; padding:20px 0px 0px 0px;}
.widget_categories {font-weight:normal; text-decoration:none;}
.sidebar #searchform #s {width: 130px;}
.sidebar #searchform #searchsubmit {width:55px;height:22px;}

/******************** SEARCH ********************/

.searchdiv {margin: 30px 0px 0px 0px;padding: 0px;width: 1000px;}
.searchform {margin: 0px;padding: 0px;overflow: hidden;width: 1000px;}
.s {color: #323232; font-size: 11px; padding: 4px; width: 1000px; margin: 4px 0px 0px 0px; border: 1px solid #323232; background: transparent url("images/paper.jpg");}
.sbutt {background: #878787;color: #FFFFFF;font-size: 11px;width: 1000px;font-family: Verdana, Helvetica, Sans-Serif;padding: 1px;margin: 0px 0px 0px 5px;border: 1px solid #333333;cursor:pointer;}

/********** CONTENT **********/
.content h1 {display:none;}
.content h2, h2 a {color:#000000; font-weight:normal; clear:both; font-size:20px; padding:20px 0px 0px 0px; text-decoration:none;}
.content h2 a:hover {color:#120B7F; text-decoration:none;}
.content h3 {font-weight:normal; clear:both; font-size:16px; line-height:20px; padding:20px 0px 5px 0px;}
.content h4 {font-weight:normal; clear:both; font-size:14px; line-height:18px; padding:15px 0px 5px 0px;}
.content h5 {font-weight:normal; clear:both; font-size:12px; line-height:18px; padding:10px 0px 5px 0px;}
.content h6 {font-weight:normal; clear:both; font-size:10px; line-height:16px;}
.entry-header {font-size:20px;}
.entry-header a {color:#56A5DF; text-decoration:none;}
.entry-header a:hover {color:#120B7F; text-decoration:none;}
.entry-content {overflow:hidden;}
.entry-content a {color:#56A5DF; text-decoration:none;}
.entry-content a:hover {color:#120B7F; text-decoration:none;}
.entry-footer {font-size:10px; padding-bottom:20px;}
.entry-content ul {list-style-type:none;}
.entry-content ol li {background:none; margin: 0px 0px 0px 0px; padding:0px 0px 0px 5px;}
.entry-content li {background:transparent url("images/arrow.png") 0px 5px no-repeat; margin: 0px 0px 0px 0px; padding:0px 0px 0px 15px;}
.entry-content ul li {background:transparent url("images/arrow.png") 0px 5px no-repeat; margin: 0px 0px 0px 0px; padding:0px 0px 0px 15px;}
blockquote {margin: 10px 0px 10px 0px; padding: 10px 10px 10px 10px; background: #F5F5F5; border-left: 2px solid #696969;}
.force-break {padding-bottom:40px;}
.navigation {text-align:center; margin:20px 0px 20px 0px;}
.navigation a {font-size:10; color:#56A5DF; text-decoration:none;}
.navigation a:hover {color:#120B7F; text-decoration:none;}
.author .avatar {float:left; border:none; padding:0px 20px 0px 0px;}
.author .about-text {padding:20px 0px 0px 0px;}

/******************** IMAGES ********************/
img.alignright {float:right; border:none; margin:0px 0px 10px 10px;}
img.alignleft {float:left; border:none; margin:0px 10px 10px 0px;}
img.aligncenter {display: block; border:none; margin:10px auto 10px auto;}
a img.alignright {float:right; border:none; margin:0px 0px 10px 10px;}
a img.alignleft {float:left; border:none; margin:0px 10px 10px 0px;}
a img.aligncenter {display: block; border:none; margin:10px auto 10px auto;}
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -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: 0 4px 5px; margin: 0;}
.gallery {margin:auto;}
.gallery-image {border:none; margin-left:0;}
.gallery-caption {margin-left:0;}
.gallery-item {float:left; text-align:center; margin-left:0;}
.gallery-columns-2 {width: 50%;}
.gallery-columns-3 {width: 33%;}
.gallery-columns-4 {width: 25%;}
.gallery-columns-5 {width: 20%;}
.gallery-columns-6 {width: 16%;}
.gallery-columns-7 {width: 14%;}
.gallery-columns-8 {width: 12%;}
.gallery-columns-9 {width: 11%;}

/******************** COMMENTS ********************/
.commentblock {margin: 0px 10px 20px 0px; padding: 10px 20px 10px 20px;}
.commentlist {font-style:normal;}
.commentlist li {list-style-image: none; list-style-type: none; margin: 10px 0px 0px 0px; padding: 10px 10px 10px 10px;}
.commentlist li.bypostauthor {margin: 10px 0px 10px 0px; padding: 10px 10px 10px 10px; background:transparent;  border-top: 2px solid #696969; border-left: 2px solid #696969;}
.commentlist li.pingback {margin: 10px 0px 10px 0px; padding: 10px 10px 10px 10px; background: #F9F9F9;}
.commentlist li.trackback {margin: 10px 0px 10px 0px; padding: 10px 10px 10px 10px; background: #F9F9F9;}
.commentlist li ul li {list-style-image: none; list-style-type: none; background: none; margin: 10px 0px 0px 0px; padding: 10px 10px 10px 10px;}
.commentlist li ul li ul li {list-style-image: none; list-style-type: none; background: none; margin: 10px 0px 0px 0px; padding: 10px 10px 10px 10px;}
.commentlist li.comment ul.children li.bypostauthor {margin: 10px 0px 10px 0px; padding: 10px 10px 10px 10px; background: transparent;  border-top: 2px solid #696969; border-left: 2px solid #696969;}
.comment {margin: 10px 0px 10px 0px; padding: 10px 10px 10px 10px; border-top: 2px solid #696969; border-left: 2px solid #696969;}
.commentlist li div.vcard img.avatar {float:left; border: 1px solid #696969;}
.commentlist li.comment div.vcard span.says {text-transform: lowercase; font-style: italic;}
.commentlist li.comment div.commentmetadata {color: #1F1F1F; font-size: 10px; font-style:italic; margin: 0px 0px 30px 70px;}
.vcard cite.fn {text-transform: uppercase; font-style: italic; font-weight: bold; padding: 0px 0px 0px 10px;}
.comment-author a {color:#56A5DF; text-decoration:none; text-transform: uppercase;}
.comment-author a:hover {color:#120B7F; text-decoration:none;}
.comment-meta a {color:#56A5DF; text-decoration:none;}
.comment-meta a:hover {color:#120B7F; text-decoration:none;}
.reply a {color:#56A5DF; text-decoration:none;}
.reply a:hover {color:#120B7F; text-decoration:none;}
.comments, .respond {font-size: 14px; font-weight:normal;}
#author, #email, #url, #comment, #submit {background: transparent; border: 1px solid #696969;}

    Atrax

    (@atrax)

    Ethical engineer

    14 лет, 11 месяцев назад

    Зачем вам советы, если вы их не слушаете?
    Нету смысла. «Списковое» оформление можно убрать в CSS.

    Автор ka81

    (@ka81)

    14 лет, 11 месяцев назад

    Atrax:
    что я не слушаю?
    я спросил — SergeyBiryukov четко ответил, огромное спасибо ему. по остальным вопросам ведь не пропустил я ничего…
    вы уж извините если я что не так пишу, но я не владею управлением цсс настолько чтобы самому понять как надо сделать то-то то-то, посему и написал на форуме, где надеюсь на помощь умелых ребят.
    ведь для этого и форум поддержки. )

    Atrax

    (@atrax)

    Ethical engineer

    14 лет, 11 месяцев назад

    Вы мой камент дочитали? нет? а зря…

    смысл есть — очень уж мешает.

    И ответ на него

    «Списковое» оформление можно убрать в CSS.

    И вместо того, что бы спросить «как?» вы ввязываетесь в дискуссию. Извините, но мы тоже не знаем ваш уровень владения CSS, а каждому пересказывать учебник по CSS это перебор.

    Да, это форум поддержки. WordPress, заметьте. Как настраивать апач, писать html/css, продвигаться в поисковиках, писать контент, писать SQL-запросы — для всего этого есть другие места, не так ли? А то вы как тот классический клиент — «компьютерщик — это тот, кто работает на компьютере».

    ЗЫ.

    .widget .widget_categories ul { list-style-type:none; }
.widget .widget_categories ul li { margin-left: 0; padding-left: 0; }

    Как-то так…

    Автор ka81

    (@ka81)

    14 лет, 11 месяцев назад

    Atrax
    я искренне извиняюсь есл не так спрашивал, как следует!

    Спасибо за помощь-совет.
    прописал указанные вами две строки в блоке по сайдбару вконце:

    /********* SIDEBAR **********/
.sidebar ul {list-style-type: none; padding: 0px 0px 0px 10px;}
.sidebar li {list-style-type:none;}
.sidebar ul li {background:transparent url("images/sidenavup.png") 0px 7px no-repeat; margin:0px 0px 0px 0px; padding:0px 0px 0px 18px;}
.sidebar ul li:hover {background:transparent url("images/sidenavover.png") 0px 7px no-repeat;}
.sidebar a {color:#253737; text-decoration:none;}
.sidebar a:hover {color:#ffffff; text-decoration:none;}
.sidebar h3 {font-weight:normal; clear:both; font-size:16px; padding:20px 0px 0px 0px;}
.sidebar a img {border: none;}
.widgettitle {font-weight:normal; clear:both; font-size:10px;}
.widget_categories {font-size:13px;}
.sidebar #searchform #s {width: 130px;}
.sidebar #searchform #searchsubmit {width:55px;height:22px;}
.widget .widget_categories ul { list-style-type:none;}
.widget .widget_categories ul li { margin-left: 0; padding-left: 0;}

    однако безрезультатно.

    помогите пжлст как еще можно решить проблему.

    спасибо!

    Модератор Sergey Biryukov

    (@sergeybiryukov)

    Live and Learn

    14 лет, 11 месяцев назад

    Попробуйте так:

    .widget_categories ul li {list-style-type: none; font: 12px Tahoma;}

    Подробности:
    http://htmlbook.ru/css/list-style-type.html
    http://htmlbook.ru/css/font.html

    Автор ka81

    (@ka81)

    14 лет, 11 месяцев назад

    Сергей, благодарю.
    теперь прописал вот так:

    /********* SIDEBAR **********/
.sidebar ul {list-style-type: none; padding: 0px 0px 0px 10px;}
.sidebar li {list-style-type:none;}
.sidebar ul li {background:transparent url("images/sidenavup.png") 0px 7px no-repeat; margin:0px 0px 0px 0px; padding:0px 0px 0px 18px;}
.sidebar ul li:hover {background:transparent url("images/sidenavover.png") 0px 7px no-repeat;}
.sidebar a {color:#253737; text-decoration:none;}
.sidebar a:hover {color:#ffffff; text-decoration:none;}
.sidebar h3 {font-weight:normal; clear:both; font-size:16px; padding:20px 0px 0px 0px;}
.sidebar a img {border: none;}
.widgettitle {font-weight:normal; clear:both; font-size:10px;}
.widget_categories ul li {list-style-type: decimal; font: 15px Tahoma;}
.sidebar #searchform #s {width: 130px;}
.sidebar #searchform #searchsubmit {width:55px;height:22px;}

    и кое-что увидел — теперь помимо квадратиков перед каждым пунктом-категорией появилась и цифра (порядковый номер).
    а значит, list-style-type для widget_categories ul li работает, но как дополнительный, а не тот что уже есть.. 🙁
    x-files.net.ua — тут собственно говоря все и видно.

    Модератор Sergey Biryukov

    (@sergeybiryukov)

    Live and Learn

    14 лет, 11 месяцев назад

    .widget_categories ul li {list-style-type: decimal; font: 15px Tahoma; background: none; padding: 0; margin-left: 18px;}
    Автор ka81

    (@ka81)

    14 лет, 11 месяцев назад

    Сергей, сделал я так:
    .widget_categories ul li {list-style-type: none; font: 15px Tahoma; background: none; padding: 0; margin-left: 18px;}
    и должен сказать — это уже почти то что надо. так как квадратики пропали!! но они появляются когда наводишь на категорию курсором.
    видимо решение совсем уже где-то рядом 🙂

    Очень большое спасибо и надеюсь на помощь!

    П.С, результат можно увидеть все тамже.

    Модератор Sergey Biryukov

    (@sergeybiryukov)

    Live and Learn

    14 лет, 11 месяцев назад

    Нужно добавить:

    .widget_categories ul li:hover {background: none;}

    Автор ka81

    (@ka81)

    14 лет, 11 месяцев назад

    всем огромное спасибо!!!!
    особенно Сергею.

    Действительно, благодарю за помощь, сам бы никогда не справился.

Просмотр 15 ответов — с 1 по 15 (всего 17)
1 2
  • Тема «Widget — редактирование кода (продолжение)» закрыта для новых ответов.