Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

Изменение вида страницы.

Автор темы Виктор В., 26 сен 2011 19:49

Тема закрыта

Сообщений в теме: 17

#1 Виктор В.

Стажер

Киберсанты
61 сообщений

1
Обычный

Отправлено 26 Сентябрь 2011 - 19:49

У меня тема Sliding Door и не только...
Есть три варианта страницы сайта:
1 - "старая" версия: страница с одним (слева) сайдбаром;
2 - "новая" версия (2.6.1): страница с двумя (справа и слева) сайдбарами;
3 - "новая" версия (дополнительно): без сайдбаров.
Как мне откорректировать дополнительный вариант страницы (3) в вариант с одним сайдбаром (1)?
Заранее благодарен!

0

Наверх

На правах рекламы

#2 Дмитрий Калугин

Коммерсант

Киберсанты
202 сообщений

71
Очень хороший

Пол:Мужчина

Отправлено 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>

1

Помогая другим - мы учимся сами.

Наверх

#3 Виктор В.

Стажер

Киберсанты
61 сообщений

1
Обычный

Отправлено 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(); ?>

0

Наверх

#4 Дмитрий Калугин

Коммерсант

Киберсанты
202 сообщений

71
Очень хороший

Пол:Мужчина

Отправлено 29 Сентябрь 2011 - 08:17

1. Не нужно исходник, нужно сохранить страницу из браузера когда все функции php выполнились. Потому, что трудно сказать, что будет находиться вот тут:

<?php get_sidebar(); ?>

2. Попробуйте функцию:

<?php get_sidebar(); ?>

поместить перед:

<div id="container" class="one-column">

0

Помогая другим - мы учимся сами.

Наверх

#5 Виктор В.

Стажер

Киберсанты
61 сообщений

1
Обычный

Отправлено 29 Сентябрь 2011 - 08:51

2. Попробуйте функцию:
<?php get_sidebar(); ?>
поместить перед:
<div id="container" class="one-column">

Уже пробовал: получается наложение 2-го сайдбара на контент страницы(
Я просто хотел сохранить (что, в принципе, и сделал) второй вариант садбаров - один левый... И потом добавить его в страницу, на которой сайдбаров не должно быть...

0

Наверх

#6 Дмитрий Калугин

Коммерсант

Киберсанты
202 сообщений

71
Очень хороший

Пол:Мужчина

Отправлено 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

2

Помогая другим - мы учимся сами.

Наверх

#7 Виктор В.

Стажер

Киберсанты
61 сообщений

1
Обычный

Отправлено 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;
}

Куда чо вставлять?

0

Наверх

#8 Дмитрий Калугин

Коммерсант

Киберсанты
202 сообщений

71
Очень хороший

Пол:Мужчина

Отправлено 29 Сентябрь 2011 - 15:16

если там есть еще сайдбар, то получиться жопа полнейшая, даже можно не пробовать... это еще раз говорит о том, что без четкого кода сложно чтонить посоветовать

1

Помогая другим - мы учимся сами.

Наверх

#9 Виктор В.

Стажер

Киберсанты
61 сообщений

1
Обычный

Отправлено 29 Сентябрь 2011 - 17:01

Если бы второго сайдбара не было... я бы справился)

0

Наверх

#10 Дмитрий Калугин

Коммерсант

Киберсанты
202 сообщений

71
Очень хороший

Пол:Мужчина

Отправлено 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

0

Помогая другим - мы учимся сами.

Наверх

#11 Виктор В.

Стажер

Киберсанты
61 сообщений

1
Обычный

Отправлено 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

0

Наверх

#12 Сергей (ex-Gudvin)

Ученик

Киберсанты
5 785 сообщений

2 710
Очень хороший

Пол:Мужчина

Отправлено 30 Сентябрь 2011 - 05:39

Бросайте это безнадёжное дело, т.е. освоение методом тыка.
Изучите хотя бы основы HTML и CSS. Судя по Вашим вопросам, Вы даже элементарных основ не знаете.
А пока, Вы бесполезно тратите своё и чужое время.

0

Кто счастлив, тот и прав. (Л. Н. Толстой)

Наверх

#13 Виктор В.

Стажер

Киберсанты
61 сообщений

1
Обычный

Отправлено 30 Сентябрь 2011 - 07:55

Ну, не совсем бесполезно...
Можете сравнить мой сайт с базовой темой Sliding Door...

0

Наверх

#14 Сергей (ex-Gudvin)

Ученик

Киберсанты
5 785 сообщений

2 710
Очень хороший

Пол:Мужчина

Отправлено 30 Сентябрь 2011 - 09:01

Можете сравнить мой сайт с базовой темой Sliding Door...

Ну что могу сказать... Тема конечно изменена до неузнаваемости, но не могу сказать что в лучшую сторону... По мне так, тема как была, намного лучше, чем Вами переделанная... А если её сделать в светлых тонах, то тоже будет неплохо:

Скрытый текст

Если Вам это интересно, то лично я такие сайты как Ваш закрываю сразу, даже не дожидаясь загрузки станицы...

А текст на прозрачном фоне, вообще считаю издевательством над посетителями... Об этом же Вам скажет любая статья на тему юзабилити.

0

Кто счастлив, тот и прав. (Л. Н. Толстой)

Наверх

#15 Виктор В.

Стажер

Киберсанты
61 сообщений

1
Обычный

Отправлено 30 Сентябрь 2011 - 09:47

Кому как...

0

Наверх

#16 Дмитрий Калугин

Коммерсант

Киберсанты
202 сообщений

71
Очень хороший

Пол:Мужчина

Отправлено 30 Сентябрь 2011 - 14:07

не правильно говорите. Юзабилити ресурса это 50% успеха, а то и больше в зависимости от ресурса (я так думаю)
И согласитесь то, что сделал Gudvin выглядит в разы лучше. Не стремитесь "утяжелять" свой сайт. Правда, приятно и легко читать черный текст на белом листе? Или на испещренном всяческими "расчленяющими" картинками?

2

Помогая другим - мы учимся сами.

Наверх

#17 Виктор В.

Стажер

Киберсанты
61 сообщений

1
Обычный

Отправлено 30 Сентябрь 2011 - 15:01

Про юзабилити я не спорю...
Ну, а насчет "в разы лучше" не знаю... (этот вариант оформления я давно прошел)
Может подумаю над уменьшением степени прозрачности и, может быть, "осветлением" фона...