Home / Обсуждения / Переделать чуть чуть тему для WP

Переделать чуть чуть тему для WP

Привет всем . Помогите немного изменить тему http://wpthemeland.com/themes/emerald/. Надо чтобы было не 2 колонки меню вместе, а раздельно. Т.е как обычно: меню справа и слево, а контетн между ними. Я так понял там надо создать правое и левое меню (right.php и left.php) и в sidebare и объединить. И что то изменить в css/ Сам мудрил… почти все сделал, но у меня почему то левая колонка не слева, а внизу контента.

0
Просмотров: 8677
Коментарии: 25
Sh@mrock
11.12.2007 08:40
Ответить
0

http://www.htmlbook.ru/css/float.html
вызов левой колонки должен быть сразу после хедера

Defenderyk
11.12.2007 08:52
Ответить
0

Да я знаю… Если бы было все так просто я бы не спрашивал

Defenderyk
11.12.2007 09:23
Ответить
0

И еще как подключить функцию в эту тему под названием fodLook, чтобы можно было "Исключить следующие страницы из меню навигации на главной странице"

Sh@mrock
11.12.2007 09:40
Ответить
0

а зачем я тебе ссылку давал?
<div id="left"></div>
<div id="centr"></div>
<div id="right"></div>
КСС
#left{float:left; width:100px ;height:100px;}
#centr{float:left;width:100px;height:100px;}
#right{float:left;width:100px;height:100px ;}

в виджете есть опция "Екслюде"

Defenderyk
11.12.2007 10:04
Ответить
0

Я так уже делал… и пишу же, колонки меню почему то опускаются в самый низ под текст. Если кому не трудно, можнет скачает тему и посмотрит. Только кому не трудно:)

Sh@mrock
11.12.2007 10:30
Ответить
0
Я так понял там надо создать правое и левое меню (right.php и left.php) и в sidebare и объединить

а как ты их объединил :rolleyes:
сделай лучше так,
вытяни один сайт бар с сайтбар.пхп и всунь код в хедер.пхп в конце кода… а дальше в ксс…

ну или вызывай не через <?php get_sidebar();?> а
<?php get_header();?>
<?php include(‘left.php’); ?>
<div id="content"></div>
<?php include(‘right.php’); ?>
<?php get_footer();?>

Defenderyk
11.12.2007 10:46
Ответить
0

Да я знаю все это:( Просто по видимому где то в css что-то прописано, а я никак не найду… Не работает так. Легче посмотреть саму тему:)

Defenderyk
11.12.2007 14:33
Ответить
0

Ребят, а есть кто может помочь? или кто с этой темой имел дело?

Sh@mrock
11.12.2007 15:21
Ответить
0

да тут не в том дело… просто не понятно как ты вообще умудрился поставить левый сайт бар после хедера, а в итоге получить что он оказался в низу, после контента ЭТО НЕ РЕАЛЬНО. разве что использовать слоя и указывать точное место расположения кинь код, посмотрим…

Defenderyk
12.12.2007 07:11
Ответить
0

Я жеж кинул ссылку на ту тему
http://wpthemeland.com/themes/emerald/
Если не сложно скачай, она всего ничего не весит почти. ТАк легче будет разобраться.

Defenderyk
12.12.2007 16:26
Ответить
0

Sh@mrock
НУ что, посмотрел?

Defenderyk
13.12.2007 07:41
Ответить
0

Ну кто нибудь, подскажите плиз как сделать?

ozono
13.12.2007 08:38
Ответить
0

я не знаю насколько хорошо ты знаешь php и css….. но вот в таких случаях я делаю все иначе……..вот тебе золотой совет:

1. Сделай сайт на таблицах.

2. Но не убирай слои ДИВ

3. тебе лишь надо будет в нужные секции таблиц вставить нужные дивы…

4. Не забудь разделить таблицу…. то есть разобрать таблицу по файлам темы так чтоб он работал на этой теме…..

……. надеюсь что ты сможешь переделать работу созданную на слоях в таблицу…!!!!!

Sh@mrock
13.12.2007 09:23
Ответить
0

ну во первых сайт на таблице будет дольше грузиться, иметь больший размер. да и не все с таблицами можно делать. например если назначить всем бекраундколор то на стыках будет лажа. да и в разных браузерах таблицы по разному отображаются. прийдется писать формулы. ааааа. лучше выучи ксс. все что нужно для верстки, это проставить правильно float и clear в нужных местах ну и задать размер width height. смотреть времени нету, нужно экзамены сдавать 🙁

sonika
13.12.2007 09:30
Ответить
0

Sh@mrock, какие еще стыки? cellspacing=0 или table {border-collapse: collapse;} никогда не пробовали? 🙂

Sh@mrock
13.12.2007 09:58
Ответить
0

ну… :rolleyes: просто помню когда то в чемто где то делал склейку рисунка, и у меня без ксс эт не получилось :rolleyes:
http://www.7nebo.kiev.ua/2007/03/18/preimushhestva-tablichnoj-verstki/

Defenderyk
13.12.2007 10:27
Ответить
0

Спасибо короче. И css я знаю довольно таки хорошо. По-видимому невнимательность подводит. А смотреть там долго и не надо. Открыть css и усе.
файл style.css:

/*  
Theme Name: Emerald
Description: <a href="http://wpthemeland.com/themes/emerald/" title="WordPress Theme Land">Emerald</a> is a 3-Column, Widget Compatible, Fluid Width Theme, created by <a href="http://sadish.net/" title="Sadish Bala">Sadish Bala</a>.
Version: 1.0
Author: WordPress Theme Land
Author URI: http://wpthemeland.com/
*/
/*
    Design by Free CSS Templates
    http://www.freecsstemplates.org
    Released for free under a Creative Commons Attribution 2.5 License
*/
/* Basic */
*
{
    margin: 0em;
    padding: 0em;
}
h1,h2,h3,h4,h5,h6
{
    font-family:"Lucida Sans",Georgia,Verdana, Arial, Serif;
}
body
{
  margin: 0;
  padding: 0;  
  font-family:"Tahoma","Lucida Sans",Verdana, Arial, Serif;
  font-size: small;
  color: #333;
  font-size:0.8em;
}
a
{
    color: #669911;
    text-decoration:none;
}
a:hover, a:active 
{
    text-decoration:underline;
}
ol 
{
    margin-left:2em;
}
p
{
    margin-bottom:0.5em;    
    line-height:1.8em;
    
}
ul
{
    list-style-image:url(images/arrow.gif);
}
blockquote
{
    padding: 1em;
    margin-bottom: 1.5em;
    background-color: #FFFCD8;
    background-image: url(images/a5.gif);
    background-repeat: no-repeat;
    background-position: top left;
    border: dotted 1px #DFD999;
}
img {
    border:0;
}
img.right 
{
    float:right;
    margin:0 0 1em 1em;
}
img.left 
{
    float:left;
    margin:0 1em 1em 0;
}
/* Outer */
#outer
{
}
/* Header */
#header
{
    height: 95px;
    background-image: url(images/a2.gif);
    background-position: bottom left;
    padding-left: 40px;
    padding-top: 45px;
}
#header h1 a
{
    color: #fff;
    text-decoration: none;
    font-size: 1.5em;
}
#header h1
{
    text-transform: lowercase;
    font-size: 1.6em;
}
#header h2
{
    position: relative;
    top: -0.3em;
    color: #E8EFC2;
    font-weight: normal;
    font-size: 1.1em;
    text-transform: lowercase;
    font-style:italic;
}
/* Menu */
#menu
{
    background-image: url(images/a3.gif);
    background-repeat: repeat-x;
    background-position: bottom left;
    padding: 1em 2.5em 1em 2.5em;
}
#menu ul
{
    list-style: none;
}
#menu li
{
    display: inline;
}
#menu li a
{
    font-size: 1.1em;
    font-weight: bold;
    text-transform: lowercase;
    color: #5D5F53;
    text-decoration: none;
    margin-right: 1em;
}
#menu li a:hover, 
#menu li a:active,
#menu li.current_page_item a
{
    color: #6B7E09;
    border-bottom:#6B7E09 1px solid;
}
#menu li#feed
{
    float:right;
    margin-top:-20px;
    padding-left:15px;
    background:url(images/icon_feed.gif) no-repeat left;
}
/* Content */
#content
{
    padding: 3em 15px 1em 15px;
    line-height: 1.6em;
    background: url(images/a4.gif) repeat-x top left;
}
#content h2,h3,h4,h5,h6
{
    margin-bottom: 1em;
}
#content ul
{
    margin-bottom: 1.5em;
    padding-left: 1em;
}

/* Primary Content */
#primaryContentContainer
{
    float: left;
    margin-right: -460px;
    width: 100%;
}
#primaryContent
{
    margin: 0em 480px 0em 0em;
    padding: 0em 1.5em 1.5em 1.5em;
}
#primaryContent h2, #primaryContent h3
{
    text-transform: lowercase;
    color: #5D5F53;
    border-bottom: dotted 1px #ECEEDF;
    padding-bottom: 0.3em;
}
#sidebar1 h2, #sidebar2 h2,#content .date
{
    background: url(images/a1.gif) no-repeat;
    width: 185px;
    height: 27px;
    font-size: 1.0em;
    font-weight: bold;
    padding-left: 15px;
    padding-top: 5px;
    text-transform: lowercase;
    color: #5D5F53;
}
#content .date 
{
    float:right;
}
#content .comments 
{
    margin:1em 0;
    border-bottom: dotted 1px #ECEEDF;
}
#content .post 
{
    margin-bottom:3em;
}
/* Secondary Content */
#sidebar1
{
    float: left;
    width: 215px;
}
#sidebar2
{
    float: right;
    width: 215px;
    padding-right: 1em;
}
#sidebar1 ul, #sidebar2 ul, #sidebar1 form, #sidebar2 form 
{
    list-style:none;
    margin:0 1em 1em;
    padding:0;
}
/************************************************
*    Comments                                    *
************************************************/
    
#content .commentlist 
{
    margin:0;
    padding:0;
    border-top:#ddd 1px solid;
}
#content .commentlist li 
{
    list-style:none;
    margin: 0;
    padding:1em;    
    border-bottom: #ddd 1px solid;    
}
.commentlist li.alt 
{
    background:#EAEFE0;    
}
.commentlist li .cmtinfo 
{
    font-size:0.9em;        
}
.commentlist li cite 
{
    font-style:normal;
    font-weight:bold;
    font-size:1.1em;
}
.commentlist li .cmtinfo em 
{
    float:right;
    margin:0;
    padding:0;
    font-style:normal;
    font-size:0.9em;
    color:#999;
}
#content .nocomments 
{
    text-align:center;
    color:#999;
    font-size:0.9em;
}
#content .trackback
{
    background:url(images/icon_trackback.png) no-repeat left center;
    padding:0px 17px;
}
#content .feed 
{
    background:url(images/icon_feed.gif) no-repeat left center;
    padding:5px 17px;
}
input.textbox
{
    border:#ccc 1px solid;
    background:#f9f9f9;
    font:1em Tahoma, Verdana, Arial, Serif;
    padding:2px;
    width:150px;
}
textarea
{
    width: 90%;
    padding:5px;
    height: 20em;
    border: 1px solid #ccc;    
    background:#f9f9f9;
    font:1em Tahoma, Verdana, Arial, Serif;
}
.textbox:focus, textarea:focus
{
    background:#fff;
    border:#999 1px solid;
}
/* Footer */
#footer
{
    background: url(images/a4.gif) repeat-x top left;
    border-top: solid 1px #D0D4BB;
    padding: 3em;
    font-size: 0.9em;
}
.clear
{
    clear: both;
}

Файл page.php:

<?php get_header();?>
    <div id="content">
        <div id="primaryContentContainer">
            <div id="primaryContent">
                <?php if (have_posts()) : ?>
                <?php while (have_posts()) : the_post(); ?>
                <div class="post">
                    <p class="date">
                        <?php the_time('F jS Y h:i a'); ?>                    
                    </p>                
                    <h2 class="entry-title">
                        <a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link: <?php the_title(); ?>"><?php the_title(); ?></a>
                    </h2>
                    <div class="entry-content">
                        <?php the_content('Continue Reading &#187;'); ?>
                        <?php wp_link_pages(); ?>                
                        <?php $sub_pages = wp_list_pages( 'sort_column=menu_order&depth=1&title_li=&echo=0&child_of=' . $id );?>
                        <?php if ($sub_pages <> "" ){?>
                            <p class="info">This page has the following sub pages.</p>
                            <ul><?php echo $sub_pages; ?></ul>
                        <?php }?>            
                        <p class="comments">
                            <?php comments_number('No Comments yet &#187;', '1 Comment &#187;', '% Comments &#187;'); ?>
                        </p>
                        <!--
                            <?php trackback_rdf(); ?>
                        -->
                    </div>
                    <?php comments_template(); ?>
                </div>
                <?php endwhile; ?>                    
                <?php else : ?>
                    <h2 class="center">Not Found</h2>
                    <p class="center">Sorry, but you are looking for something that isn't here.</p>        
                <?php endif; ?>
            </div>
        </div>
        <?php get_sidebar();?>
        <?php get_footer();?>

Файл sidebar.php:

<div id="sidebar1">
    <ul>
        <?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(1) ) : else : ?>
        <li>
            <h2><?php _e('Search'); ?></h2>
            <form id="searchform" method="get" action="<?php bloginfo('siteurl')?>/">
                <input type="text" name="s" id="s" class="textbox" value="<?php echo wp_specialchars($s, 1); ?>" />
                <input id="btnSearch" type="submit" name="submit" value="<?php _e('Go'); ?>" />
            </form>
        </li>
        <li>
            <h2><?php _e('Categories'); ?></h2>
            <ul>
                <?php wp_list_cats('optioncount=0&hierarchical=1');    ?>
            </ul>
        </li>
        <li>
            <ul><?php get_links_list('name'); ?></ul>
        </li>
        <?php endif; ?>
    </ul>
</div>
        <div id="sidebar2">
    <ul>
        <?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(2) ) : else : ?>
        <li>
            <h2><?php _e('Monthly'); ?></h2>
            <ul><?php wp_get_archives('type=monthly'); ?></ul>
        </li>
        <li>
            <h2><?php _e('Pages'); ?></h2>
            <ul><?php wp_list_pages('title_li=' ); ?></ul>
        </li>    
        <li>
            <h2>Meta</h2>
            <ul>
                <?php wp_register(); ?>
                <li><?php wp_loginout(); ?></li>
                <li><a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></li>
                <li><a href="http://gmpg.org/xfn/"><abbr title="XHTML Friends Network">XFN</abbr></a></li>
                <li><a href="http://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress</a></li>
                <?php wp_meta(); ?>
            </ul>            
        </li>
        <?php endif; ?>
    </ul>
        </div>
        <div class="clear"></div>

Может так проще будет:)

Если у кого есть время, посмотрите (Надо, чтобы колонки сайтбара были справа и слева от контента) и если не трудно, таким же макаром выложить на форуме.

Defenderyk
14.12.2007 08:14
Ответить
0

Ну у кого нибуди есть время посмотреть?:) неужели все так заняты

Defenderyk
17.12.2007 16:58
Ответить
0

Ало, друзья, помогите плиз:)

mikolka
17.12.2007 17:59
Ответить
0

Самый простой рецепт. Он 100% рабочий – с гарантией. Берешь тему где не "не 2 колонки меню вместе, а раздельно." (благо их навалом), открываешь код, как правило там есть left_side… php и right_side… php и смотришь как и где они подключаются. Это проще простого. Попробуй потратить полчаса времени на изучение.
Катлайн, например, проще не бывает http://themes.wordpress.net/columns/3-columns/4415/cutline-3-column-split-11/

Defenderyk
18.12.2007 08:11
Ответить
0

Я это все делал и по аналогии вписывал в ту тему, но тема почему то отображанет колонки не справа и слева наверху, а внизу!вроде контент не закреплен

Defenderyk
18.12.2007 09:28
Ответить
0

Я жеж выложил коды 3 страниц. если кому не сложно, посмотрите, они выше изложены!

Defenderyk
20.12.2007 07:34
Ответить
0

Спасибо

Sh@mrock
20.12.2007 17:20
Ответить
0

<?php get_header();?>
<div id="page">
<div id="sidebar1"><?php dynamic_sidebar(1) ?></div>
<div id="content">….<div>
<div id="sidebar2"><?php dynamic_sidebar(2) ?></div>
</div><!–end page–>
<?php get_footer();?>

#page{width:1000px}
#sidebar1 {float:left;width: 215px;}
#sidebar2 {float:right;width: 215px;}
#content {width: 560px;float: left;}

в любом случаи сработает, токо размеры точнее подбери и проставь мержин, пейдинг

Defenderyk
21.12.2007 10:48
Ответить
0

А ты css смотрел? может там както контент закреплен, хотя я чтото такого не заметил

Свежее

Anonymous
Отправить
Ответ на: