Изменение вида страницы.
#1
Отправлено 26 Сентябрь 2011 - 19:49
Есть три варианта страницы сайта:
1 - "старая" версия: страница с одним (слева) сайдбаром;
2 - "новая" версия (2.6.1): страница с двумя (справа и слева) сайдбарами;
3 - "новая" версия (дополнительно): без сайдбаров.
Как мне откорректировать дополнительный вариант страницы (3) в вариант с одним сайдбаром (1)?
Заранее благодарен!
#2
Отправлено 28 Сентябрь 2011 - 14:10
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style> #container{ width:800px; height:800px; } #content{ width:80%; height:100%; background-color:#F00; float:left; } #r_sidebar{ width:20%; height:100%; background-color:#00F; float:right } </style> </head> <body> <div id="container"> <div id="content"></div> <div id="r_sidebar"></div> </div> </body> </html>
#3
Отправлено 28 Сентябрь 2011 - 19:56
get_header(); ?> <?php get_sidebar(); ?> <div id="container"> <div id="content" role="main"> <?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?> <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>> <?php if ( is_front_page() ) { ?> <h2 class="entry-title"><?php the_title(); ?></h2> <?php } else { ?> <h1 class="entry-title"><?php the_title(); ?></h1> <?php } ?> <div class="entry-content"> <?php the_content(); ?> <?php wp_link_pages( array( 'before' => '<div class="page-link">' . __( 'Pages:', 'slidingdoor' ), 'after' => '</div>' ) ); ?> <?php edit_post_link( __( 'Edit', 'slidingdoor' ), '<span class="edit-link">', '</span>' ); ?> </div><!-- .entry-content --> </div><!-- #post-## --> <?php comments_template( '', true ); ?> <?php endwhile; ?> </div><!-- #content --> </div><!-- #container --> <?php get_footer(); ?>
Страница без сайдбаров:
get_header(); ?> <div id="container" class="one-column"> <div id="content" role="main"> <?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?> <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>> <h1 class="entry-title"><?php the_title(); ?></h1> <div class="entry-content"> <?php the_content(); ?> <?php wp_link_pages( array( 'before' => '<div class="page-link">' . __( 'Pages:', 'slidingdoor' ), 'after' => '</div>' ) ); ?> <?php edit_post_link( __( 'Edit', 'slidingdoor' ), '<span class="edit-link">', '</span>' ); ?> </div><!-- .entry-content --> </div><!-- #post-## --> <?php comments_template( '', true ); ?> <?php endwhile; ?> </div><!-- #content --> </div><!-- #container --> <?php get_footer(); ?>
#4
Отправлено 29 Сентябрь 2011 - 08:17
<?php get_sidebar(); ?>
2. Попробуйте функцию:
<?php get_sidebar(); ?>
поместить перед:
<div id="container" class="one-column">
#5
Отправлено 29 Сентябрь 2011 - 08:51
2. Попробуйте функцию:
<?php get_sidebar(); ?>
поместить перед:<div id="container" class="one-column">
Уже пробовал: получается наложение 2-го сайдбара на контент страницы(
Я просто хотел сохранить (что, в принципе, и сделал) второй вариант садбаров - один левый... И потом добавить его в страницу, на которой сайдбаров не должно быть...
#6
Отправлено 29 Сентябрь 2011 - 13:15
в css #content добавьте (если есть с другими значениями то замените)
float:rigth; width:80%в #container добавьте div с такими свойствами
#l_sidebar{ width:20%; height:100%; background-color:#00F; /*просто для наглядности*/ float:left }
Сообщение отредактировал diamond82: 29 Сентябрь 2011 - 13:43
#7
Отправлено 29 Сентябрь 2011 - 14:59
У меня это выглядит:
/* LAYOUT: Two columns DESCRIPTION: Two-column fixed layout with one sidebar right of content */ #container { margin-left: 220px; margin-right: 220px; } #content { margin: 0; float:left; overflow: hidden; } #sidebar1, #sidebar2 { /*overflow: hidden;*/ } #sidebar1 { font-weight: normal; font-style: normal; } #sidebar1 a{ font-weight: bold; } #sidebar1{ overflow: hidden; float: left; width: 182px; } #sidebar2 { float: right; width: 182px; overflow: hidden; } #footer { clear: both; width: 100%; } /* LAYOUT: One column, no sidebar DESCRIPTION: One centered column with no sidebar */ .one-column #content { margin: 0 auto; width: 640px; } /* LAYOUT: Full width, no sidebar DESCRIPTION: Full width content with no sidebar; used for attachment pages */ .single-attachment #content { margin: 0 auto; width: 900px; }Куда чо вставлять?
#8
Отправлено 29 Сентябрь 2011 - 15:16
#9
Отправлено 29 Сентябрь 2011 - 17:01
#10
Отправлено 29 Сентябрь 2011 - 17:06
<style> #container{ width:800px; height:800px; } #content{ width:60%; height:100%; background-color:#F00; float:left } #r_sidebar{ width:20%; height:100%; background-color:#00F; float:left } #l_sidebar{ width:20%; height:100%; background-color:#0F0; float:left } </style> </head> <body> <div id="container"> <div id="l_sidebar"></div> <div id="content"></div> <div id="r_sidebar"></div> </div>
обратите внимание на свойства элементов float
Сообщение отредактировал diamond82: 29 Сентябрь 2011 - 17:19
#11
Отправлено 29 Сентябрь 2011 - 18:49
А если я вобратите внимание на свойства элементов float
/* LAYOUT: One column, no sidebar DESCRIPTION: One centered column with no sidebar */ .one-column #content { margin: 0 auto; width: 640px; }вставлю
/* LAYOUT: One column, no sidebar DESCRIPTION: One centered column with no sidebar */ #container { margin-left: 220px; } #content { margin: 0; float:left; overflow: hidden; } #sidebar1, } #sidebar1 { font-weight: normal; font-style: normal; } #sidebar1 a{ font-weight: bold; } #sidebar1{ overflow: hidden; float: left; width: 182px; } #footer { clear: both; width: 100%; }?
То есть только 1-й сайдбар?
Сообщение отредактировал Виктор В.: 29 Сентябрь 2011 - 18:49
#12
Отправлено 30 Сентябрь 2011 - 05:39
Изучите хотя бы основы HTML и CSS. Судя по Вашим вопросам, Вы даже элементарных основ не знаете.
А пока, Вы бесполезно тратите своё и чужое время.
Кто счастлив, тот и прав. (Л. Н. Толстой)
#13
Отправлено 30 Сентябрь 2011 - 07:55
Можете сравнить мой сайт с базовой темой Sliding Door...
#14
Отправлено 30 Сентябрь 2011 - 09:01
Ну что могу сказать... Тема конечно изменена до неузнаваемости, но не могу сказать что в лучшую сторону... По мне так, тема как была, намного лучше, чем Вами переделанная... А если её сделать в светлых тонах, то тоже будет неплохо:Можете сравнить мой сайт с базовой темой Sliding Door...
Если Вам это интересно, то лично я такие сайты как Ваш закрываю сразу, даже не дожидаясь загрузки станицы...
А текст на прозрачном фоне, вообще считаю издевательством над посетителями... Об этом же Вам скажет любая статья на тему юзабилити.
Кто счастлив, тот и прав. (Л. Н. Толстой)
#15
Отправлено 30 Сентябрь 2011 - 09:47
#16
Отправлено 30 Сентябрь 2011 - 14:07
И согласитесь то, что сделал Gudvin выглядит в разы лучше. Не стремитесь "утяжелять" свой сайт. Правда, приятно и легко читать черный текст на белом листе? Или на испещренном всяческими "расчленяющими" картинками?
#17
Отправлено 30 Сентябрь 2011 - 15:01
Ну, а насчет "в разы лучше" не знаю... (этот вариант оформления я давно прошел)
Может подумаю над уменьшением степени прозрачности и, может быть, "осветлением" фона...
#18
Отправлено 30 Сентябрь 2011 - 15:26
Сообщение отредактировал diamond82: 30 Сентябрь 2011 - 15:26
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 скрытых пользователей