| ||||
Respuesta: Mostrar categorias en 2 columnas, como? Para agregar el título que diga categoría solo debes agregar una pequeña línea.
Código:
en cuanto a que estan muy separadas, es cosa de tu css ( style.css de tu theme) , para poderte ayudar, deja tu web, para ver que debes cambiar en tu style.css<?php $cats = explode("<br />",wp_list_categories('title_li=&echo=0&depth=1&style=none')); $cat_n = count($cats) - 1; for ($i=0;$i<$cat_n;$i++): if ($i<$cat_n/2): $cat_left = $cat_left.'<li>'.$cats[$i].'</li>'; elseif ($i>=$cat_n/2): $cat_right = $cat_right.'<li>'.$cats[$i].'</li>'; endif; endfor; ?> <h1>Categorias</h1> <ul class="left"> <?php echo $cat_left;?> </ul> <ul class="right"> <?php echo $cat_right;?> </ul> Salu2! |
| |||
Respuesta: Mostrar categorias en 2 columnas, como? el problema esta en que cuanto agrego eso, la primera columna queda muy a la izquierda, y la segunda columna muy a la derecha. aqui mi css
Código:
* { margin:0; padding:0; } abbr[title], acronym[title] { border-bottom:thin dotted; cursor:help; } body { background:#BEC3C6 url(img/bg.jpg) repeat-x; color:#555; font-family:Verdana,"BitStream vera Sans",Helvetica,Sans-serif; font-size:12px; } h1, h2, h3, h4, h5, h6 { font-weight:bold; letter-spacing:-0.05em; font-family:Arial; } h1 {font-size:200%;} h2 {font-size:170%;} h3 {font-size:150%;} h4 {font-size:130%;} h5 {font-size:110%;} h6 {font-size:100%;} img { border:0; } img.sided { background:#FFF; border:1px solid #CCC; padding:3px; } small { font-size:10px; } a:hover img.sided { border-color:#A6A6A6; } a { color:#2970A6; text-decoration:none; } a:hover { text-decoration:underline; } .wp-caption { background:#F7F7F7; border:1px solid #CCC; padding:5px 0; margin-bottom:5px; text-align:center; } .wp-caption img { margin:0 5px; } .wp-caption-text { text-align:center; padding:0 5px !important; padding:3px 5px 0; } *+html .wp-caption-text { padding:3px 5px 0 !important; } .post .content .wp-caption p { margin:0; } blockquote, pre { background:#F4F5F7 url(img/blockquote.gif) 3px 3px no-repeat; border:1px dashed #CCC; padding:8px 12px 8px 36px; margin:5px 0; } .more-link { font-size:11px; } .alignleft { float:left; text-align:left; margin-right:10px; } .alignright { float:right; text-align:right; margin-left:10px; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .floatleft { float:left; } .floatright { float:right; } .left { float:left; margin-right:10px; } .right { float:right; margin-left:10px; } .fixed, .clear { clear:both; } input.textfield, textarea { background:#FFF url(img/textfield.gif) top repeat-x; border:1px solid #A6A6A6; padding:2px 1px; font-size:12px; } .boxcaption { background:#E3E4E6 url(img/box.gif) 0 0 no-repeat; padding:6px 12px; border-bottom:1px solid #CCC; } .boxcaption h3 { font-size:12px; font-family:Verdana,"BitStream vera Sans"; letter-spacing:0em; } .box { background:#F4F5F7 url(img/box.gif) 100% 100% no-repeat; padding:8px 12px; margin-bottom:10px; } .messagebox, .errorbox { background:#EDEFF0 url(img/messagebox.gif) no-repeat; padding:0 12px; height:27px; line-height:27px; font-size:11px; } .w3c { color:#080; font-size:10px; } /* static END */ /* layout START */ #wrap { background:url(img/light.gif) center top no-repeat; padding:20px 0; } #container { margin:0 auto; width:936px; } /* layout END */ /* header START */ #header { background:url(img/header.jpg) 0 0 no-repeat; height:90px; border-bottom:1px solid #A6A6A6; } #caption { padding:25px 30px 0; } #title a { text-decoration:none; color:#FFF; height:30px; display:block; font-family:"Trajan Pro"; letter-spacing:0; } /* image blog title */ /* #title a { background:url(img/title.gif) no-repeat; text-decoration:none; color:#FFF; width:250px; height:30px; text-indent:-999em; display:block; } */ #tagline { color:#FFF; border-top:1px solid #FFF; text-decoration:none; font-size:10px; float:left; padding:0 3px; } #header .banner { float:right; padding:15px 15px 0; color:#999; } /* header END */ /* navigation START */ #navigation { background:#FFF; border-bottom:1px solid #A6A6A6; } #menus li { display:inline; list-style:none; } #menus li a { background:transparent url(img/menu.gif) no-repeat; display:block; color:#382E1F; height:31px; line-height:31px; padding:0 20px; margin-left:-10px; text-decoration:none; font-size:11px; float:left; z-index:1; } #menus li a:hover, #menus li a.current { background-position:0 -31px; } #menus li.current_page_item a, #menus li.current-cat a { background-position:0 -62px; } #menus li a.home { background-position:0 -93px; width:45px; padding:0; margin-left:0; text-indent:-999em; } #menus li a.home:hover { background-position:0 -124px; } #menus li.current_page_item a.home { background-position:0 -155px; } #menus li a.lastmenu:hover { background-position:0 0; cursor:default; } #searchbox { background: url(img/searchbox.gif) no-repeat; width:209px; height:23px; display:block; float:right; margin-top:4px; margin-right:10px !important; margin-right:5px; padding:2px; } #searchbox .textfield { background:none; border:0px; width:185px; float:left; margin-right:2px; padding-left:2px; } #searchbox .button { background:none; border:0px; width:18px; height:18px; cursor:pointer; float:left; margin-top:1px; } #searchbox .searchtip { color:#999; } /* navigation END */ /* submenu START */ #menus li ul { display:none; background:#F4F5F7; border:1px solid #CCC; border-top-color:#A6A6A6; padding:0 5px; } #menus li li { float:none; margin:0 !important; margin:0; padding:0; display:block; list-style:none; } #menus li li a { float:none; display:block; padding:7px 5px; text-decoration:none; width:200px; border-style:solid; border-color:#DDD; border-width:1px 0 0; margin:0; background-image:none; height:auto; line-height:145%; color:#999; } #menus li li.first a { border-top:none; } #menus li li a:hover { color:#382E1F; } /* submenu END */ /* content START */ #content { background:#FFF url(img/sidesep.gif) right repeat-y; min-height:400px; } /* content END */ /* main START */ #main { background:#FFF url(img/main_shadow.gif) top repeat-x; width:605px; padding:13px 15px 15px; float:left; overflow:hidden; } #notice { color:#080; } #notice a { text-decoration:underline; } .post { padding-bottom:5px !important; padding-bottom:15px; } *+html .post { padding-bottom:15px !important; } .post h2 { display:block; margin-top:10px; border-bottom:1px solid #CCC; padding:0 5px 3px; font-size:16px; font-family:Verdana,"BitStream vera Sans"; } .post h2 a.title { text-decoration:none; color:#4C4C4C; } .post h2 a.title:hover { color:#2970A6; } .post h2 .act a { font-weight:normal; } .post .info { margin:5px; } .post .info span.first { margin-left:0; } .post .date, .post .author, .post .editpost, .post .comments, .post .addcomment, .post .addlink, .post .editlinks { background:url(img/icons.gif) no-repeat; padding-left:22px; height:16px; line-height:16px; display:block; font-size:11px; } .post .tags, .post .categories { background:url(img/icons.gif) no-repeat; width:16px; height:16px; line-height:16px; display:block; text-indent:-999em; } .post .under span.tags, .post .under span.categories { margin-right:6px; } .post .act { height:16px; float:right; } .post .act span { float:left; margin-left:15px; } .post .tags { background-position:0 -400px; } .post .categories { background-position:0 -480px; } .post .date { background-position:0 -48px; margin-right:15px; float:left; } .post .author { background-position:0 0; float:left; } .post .editpost { background-position:0 -64px; margin-left:15px; float:right; } .post .comments { background-position:0 -96px; float:right; } .post .addcomment { background-position:0 -112px; margin-left:15px; float:right; } .post .addlink { background-position:0 -176px; } .post .editlinks { background-position:0 -192px; } .post .content { padding:5px 0 0 5px; line-height:145%; overflow:hidden; } .post .content p { margin-bottom:10px; } .post .under { height:16px; line-height:16px; font-size:11px; margin-bottom:10px; } .post .under span { float:left; margin-right:15px; } .post .content h4 { color:#080; margin-bottom:10px; } .post .content img { max-width:600px; } .post .content ul, .post .content ol { padding-bottom:10px; } .post .content ul li, .post .content ol li { list-style-position:inside; padding-left:20px; } .post .content table { background:#FFF; border:2px solid #CCC; border-collapse:collapse; margin:5px 0 10px; } .post .content th, .post .content td { border:1px solid #CCC; padding:3px 10px; text-align:left; vertical-align:top; } .post .content tr.even td { background:#F7F7F7; } .post .content th { background:#EDEFF0; } .post .content .boxcaption { background-image:url(img/postbox.gif); } .post .content .box { background-image:url(img/postbox.gif); } #postpath { background:url(img/icons.gif) 0 -320px no-repeat; line-height:16px; margin:5px 0; padding-left:22px; } #pagenavi, #postnavi { border-top:1px solid #CCC; margin:10px -5px 0; padding:10px 5px 0; } #pagenavi { font-size:11px; } #pagenavi .newer a, #postnavi .prev a { background:url(img/icons.gif) 0 -224px no-repeat; padding-left:22px; float:left; height:16px; line-height:16px; } #pagenavi .older a, #postnavi .next a { background:url(img/icons.gif) 100% -240px no-repeat; padding-right:22px; float:right; height:16px; line-height:16px; } /* main END */ /* sidebar START */ #sidebar { background:#F7F7F7 url(img/sidebar_shadow.gif) top repeat-x; width:300px; float:right; font-size:95%; line-height:145%; overflow:hidden; padding-top:8px; } |
| |||
Respuesta: Mostrar categorias en 2 columnas, como?
Código:
#sidebar li { background:url(img/icons.gif) 0 -560px no-repeat; padding-left:22px; list-style:none; margin-top:5px; /*font-size:95%;*/ } #sidebar .content, #sidebar li { font-size:12px; } #northsidebar .widget { background:url(img/widgetsep.png) bottom no-repeat; padding:10px 15px 19px; } #southsidebar .widget { background:url(img/widgetsep.png) top no-repeat; padding:15px 15px 17px; } #centersidebar { padding:12px 15px 0; } #northsidebar, #southsidebar { font-size:95%; } #northsidebar .widget h2, #southsidebar .widget h2 { margin-bottom:10px; } #northsidebar .widget .content p, #southsidebar .widget .content p { margin-bottom:10px; } #westsidebar { width:121px; float:left; padding-right:5px; font-size:95%; overflow:hidden; } #eastsidebar { width:129px; float:right; font-size:95%; overflow:hidden; } #westsidebar h3, #eastsidebar h3 { margin-bottom:5px; } #westsidebar .widget, #eastsidebar .widget { margin-bottom:15px; } #sidebar .widget_feeds { padding:5px 15px 14px; } #sidebar #feedrss, #sidebar #feedemail { height:25px; line-height:25px; display:block; padding:5px 5px 5px 36px; float:left; text-decoration:none; } #sidebar #feedrss { background:url(img/feeds.gif) 5px 5px no-repeat; } #sidebar #feedemail { background:url(img/feeds.gif) 5px -45px no-repeat; margin-left:15px; } #subscribe ul { display:none; background:#F4F5F7; border:1px solid #B7B7B7; width:180px; padding:5px; } #subscribe li { background:transparent; list-style:none; float:left; margin:0; padding:0; display:block; } #subscribe li a span { background:url(img/readers.gif) no-repeat; height:20px; width:80px; display:block; text-indent:-999em; } #subscribe li#google_reader a span { background-position:0 0; } #subscribe li#youdao_reader a span { background-position:0 -20px; } #subscribe li#xianguo_reader a span { background-position:0 -40px; } #subscribe li#zhuaxia_reader a span { background-position:0 -60px; } #subscribe li#yahoo_reader a span { background-position:0 -80px; } #subscribe li#newsgator_reader a span { background-position:0 -100px; } #subscribe li#bloglines_reader a span { background-position:0 -120px; } #subscribe li#inezha_reader a span { background-position:0 -140px; } #subscribe li a { display:block; padding:5px; text-decoration:none; width:80px; font-size:12px; } #subscribe li a:hover { background:#EEDDCC; } #tag_cloud a { line-height:130%; } /* sidebar END */ /* footer START */ #footer { background:url(img/footer.jpg) 0 0 no-repeat; display:block; height:88px; border-top:1px solid #CCC; font-size:11px; line-height:145%; width:100%; } #footer a { color:#2A2A2A; } #copyright { margin-top:12px; margin-left:20px; } #themeinfo { margin-left:20px; } a#powered { background:url(img/wp-logo.png) no-repeat; display:block; width:92px; height:57px; float:left; margin:0 10px 0 5px; text-indent:-999em; } a#gotop { background:url(img/icons.gif) 0 -304px no-repeat; float:right; height:16px; line-height:18px; display:block; padding-left:16px; margin:5px 15px 0 0 !important; margin:5px 8px 0 0; text-decoration:none; } /* footer END */ /* comment START */ #commentlist { background:#FCFCFC; border-top:1px solid #CCC; border-bottom:1px solid #CCC; margin:0 -15px; padding:0 15px; } #commentlist ol, #commentlist li { list-style:none; } #cmtswitcher { background:#FFF; font-size:10px; padding-top:5px; } #cmtswitcher a.tab, #cmtswitcher a.curtab { padding:5px 10px; margin-bottom:-1px; display:block; float:right; color:#555; text-decoration:none; } #cmtswitcher a.tab { border:1px solid #FFF; border-bottom-color:#CCC; } #cmtswitcher a.curtab { background:#FCFCFC; border:1px solid #CCC; border-bottom-color:#FCFCFC; } #cmtswitcher .addcomment, #cmtswitcher .addtrackback { padding-left:22px; height:16px; line-height:16px; display:block; font-size:11px; float:left; margin-right:15px; margin-top:4px !important; margin-top:3px; } #cmtswitcher .addcomment { background:url(img/icons.gif) 0 -112px no-repeat; } #cmtswitcher .addtrackback { background:url(img/icons.gif) 0 -144px no-repeat; } #thecomments, #thetrackbacks { padding-bottom:15px; } #thecomments .comment, #thecomments .messagebox { margin-top:15px; } .comment .author { float:left; width:81px; text-align:center; } .comment .pic { background:url(img/commentpoint.png) 100% 33% no-repeat; padding-right:14px; margin-top:10px; } .comment .name { width:67px; padding-right:14px; font-weight:bold; overflow:hidden; } .comment .avatar { padding:1px; border:1px solid #999; } .comment .info { background:#EDEFF0 url(img/comment.gif) 0 0 no-repeat; float:left; padding:10px 15px 0; width:494px; } .comment .date, .trackback .date { float:left; font-size:10px; } .comment .act, .trackback .act { float:right; font-size:10px; } .comment .content { background:url(img/comment.gif) 100% 100% no-repeat; margin:0 -15px; padding:0 15px 10px; line-height:145%; } .comment .content p { margin-top:10px; } .comment .content blockquote p { margin-top:0; margin-bottom:10px; } .admincomment .author { float:right; } .admincomment .pic { background:url(img/commentpoint.png) 0% 33% no-repeat; padding-right:0; padding-left:14px; } .admincomment .name { padding-right:0; padding-left:14px; } .admincomment .info { float:right; } #comment_login { margin-top:15px; } #thetrackbacks { display:none; } #thetrackbacks li { margin-top:15px; } .trackback { background:#EDEFF0 url(img/box.gif) 0 0 no-repeat; padding:10px 15px 0; width:575px; } .trackback .title { background:#EDEFF0 url(img/box.gif) 100% 100% no-repeat; padding:10px 15px !important; padding:0 15px 10px; width:575px; margin:0 -15px; } #respond { padding:10px 0 0; font-size:11px; } #respond .row { margin-bottom:5px; } #respond .textfield { width:200px; } #emoticon { float:right; margin-top:1px; margin-right:10px; } #comment { width:601px; } #commentnavi { background:#EDEFF0 url(img/box.gif) 0 0 no-repeat; padding:10px 15px; font-size:11px; } #commentnavi a.page-numbers { padding:5px 7px; text-decoration:none; border:1px solid #EDEFF0; margin:0 -2px; } #commentnavi a.page-numbers:hover { background:#F7F7F7; border:1px solid #CCC; text-decoration:none; } #commentnavi span.pages { padding:0 7px 0 22px; background:url(img/icons.gif) 0 -272px no-repeat; height:16px; line-height:16px; float:left; } #commentnavi span.current { background:#F7F7F7; padding:5px 7px; border:1px solid #F7F7F7; font-weight:bold; margin:0 -2px; } #commentnavi #commentpager { line-height:16px; } #submitbox a.feed { background:url(img/icons.gif) 0 -256px no-repeat; padding-left:22px; height:16px; line-height:16px; display:block; float:left; } #submitbox #submit { padding:3px 6px; background:#B4D666; border-top:1px solid #B4D666; border-right:1px solid #81B840; border-bottom:1px solid #81B840; border-left:1px solid #B4D666; color:#2970A6; font-size:11px; cursor:pointer; } #submitbox #submit:hover { background:#98C64C; border-top:1px solid #76B33A; border-right:1px solid #98C64C; border-bottom:1px solid #98C64C; border-left:1px solid #76B33A; color:#074A7E; } #submitbox .submitbutton { float:right; } #cp_post_id { display:none; } /* comment END */ /* calendar START */ .widget_calendar h3 { display:none; } #wp-calendar { width:100%; } #wp-calendar #today { background:#E6E6E6; } #wp-calendar tbody a { font-weight:bold; } #wp-calendar caption { font-family:Arial; font-weight:bold; letter-spacing:-0.05em; font-size:150%; text-align:left; padding-bottom:5px; } #wp-calendar th, #wp-calendar td { text-align:center; } #wp-calendar tbody td { border:1px solid #CCC; } #wp-calendar tbody td.pad { border:0 none; } |
| |||
Respuesta: Mostrar categorias en 2 columnas, como?
Código:
#wp-calendar th { background:#999; color:#FFF; } #wp-calendar td#prev { text-align:left; padding-top:5px; } #wp-calendar td#next { text-align:right; padding-top:5px; } /* calendar END */ /* linkcat START */ .post .content .linkcat ul li { list-style:none; float:left; width:25%; padding:2px 0; overflow:hidden; } .post .content .linkcat ul li a { background:url(img/icons.gif) 0 -160px no-repeat; padding-left:22px; height:16px; line-height:16px; } /* linkcat END */ /* related posts START */ /* when related posts with title */ #related_posts { padding-bottom:10px; } #related_posts h3 { background:#E3E4E6 url(img/box.gif) 0 0 no-repeat; font-size:12px; padding:6px 12px; font-family:Verdana,"BitStream vera Sans",Arial,Helvetica,Sans-serif; letter-spacing:0em; border-bottom:1px solid #CCC; } #related_posts ul { background:#F4F5F7 url(img/box.gif) 100% 100% no-repeat; padding:3px 12px 8px; } #related_posts ul li { list-style:none; padding:3px 5px; border-bottom:1px solid #E3E4E6; line-height:18px; } #related_posts .count { font-size:10px; } #related_posts .excerpt { color:#999; font-size:11px; display:block; } /* when related posts without title */ /* #related_posts { padding-top:3px; padding-bottom:8px; } #related_posts ul li { list-style:none; padding:3px 5px; border-bottom:1px solid #E3E4E6; line-height:18px; } */ /* related posts END */ /* one-column START */ .one-column #content { background:#FFF; } .one-column #main { width:906px; } .one-column #comment { width:902px; } .one-column .trackback, .one-column .trackback .title { width:876px; } .one-column .comment .info { width:795px; } .one-column .comment .info, .one-column .comment .content { background-image:url(img/comment_1col.gif); } .one-column .boxcaption, .one-column .box, .one-column .trackback, .one-column .trackback .title, .one-column #commentnavi, .one-column #related_posts h3, .one-column #related_posts ul { background-image:url(img/box_1col.gif); } .one-column .messagebox, .one-column .errorbox { background-image:url(img/messagebox_1col.gif); } .one-column .post .content .boxcaption, .one-column .post .content .box { background-image:url(img/postbox_1col.gif); } /* one-column END */ /* thread twitter START */ .post .twitter-tweedles { background:#E2F2FB; border:1px dashed #3FCDEB; padding:10px 0 0; } .twitter ul { margin:0 12px 0 10px !important; margin:0 10px; } .post .content .twitter ul li { background:#FCFCFC; padding:0; float:left; list-style:none; list-style-position:outside; border:solid #CCC; border-width:1px !important; border-width:1px 0; width:100%; padding-top:10px; margin-bottom:10px; } .twitter img { float:left; padding:0 10px 0 0; margin:0 0 10px 10px; } .twitter_source { color:#999; font-family:georgia; font-style:italic; font-size:10px; } .twitter_source a { color:#999; } .twitter_text { margin-bottom:5px; display:block; padding-left:70px; padding-right:10px; } .twitter_reply { background: url(img/icons.gif) 0 -112px no-repeat; padding-left:22px; padding-right:10px; height:16px; line-height:16px; display:block; font-size:11px; float:right; } .twitter .twitter_pagebar { padding:0 10px; font-size:11px; } .twitter .twitter_pagebar a { background:#D1EAF9; padding:2px 5px; border:1px solid #D1EAF9; } .twitter .twitter_pagebar a:hover { border:1px dashed #3FCDEB; text-decoration:none; } .twitter .twitter_pagebar strong { background:#A6D0E7; padding:2px 5px; border:1px solid #A6D0E7; } .post .content .thread_twitter_power_by { display:block; background:#D1EAF9; border-top:1px dashed #3FCDEB; margin-bottom:0; padding:10px; } .twitter .navigation { padding:10px 5px; } #thread_twitter .loading { padding:0 10px; font-size:11px; } /* thread twitter END */ #thecomments .tip { background:#FFF; border:1px solid #CCC; width:605px; padding:10px !important; padding:10px 10px 0; margin-top:0; position:absolute; z-index:3; } #thecomments .tip .act { display:none; } *+html #thecomments .tip { padding:10px 10px 0 !important; } #sidebar .widget_categories li { float:left; width:110px; } |
| ||||
Respuesta: Mostrar categorias en 2 columnas, como? Debes cambiar esta parte del código:
Código:
a esto :.left { float:left; margin-right:10px; } .right { float:right; margin-left:10px; }
Código:
Si la segunda columna se va a abajo, reduces los "margin"..left { float:left; margin-left:15px; width:125px; } .right { float:right; margin-right:15px; width:125px; } Salu2! |
| |||
Respuesta: Mostrar categorias en 2 columnas, como? Ya esta en el centro, pero hay otro problemita. el titulo que dice categorias, sigue en el mismo lado, al lado izquierdo, aqui una foto de como esta ahora mismo. como arreglo el titulo para que se muestre a partir de la primera columna, como debe de ser. ? gracias por tu ayuda amigo, se te agradece de corazon |
| ||||
Respuesta: Mostrar categorias en 2 columnas, como? Eso tambien es en el style.css de tu theme agrega esto :
Código:
Si quieres que este más a la derecha, aumenta el "margin-lef".#sidebar h1 { margin-left:15px; } Salu2! |