• 06.02.2012, 13:19:21 *
  • Добро пожаловать, Гость
Пожалуйста, войдите или зарегистрируйтесь.

Расширенный поиск  
collapse
* Голосование
  • Нравится ли Вам Opera AC?
  • Dot Конечно, она просто супер!
  • 1295 (76%)
  • Dot В целом да, но много лишнего..
  • 302 (17%)
  • Dot Для ознакомительных целей
  • 51 (3%)
  • Dot Нет
  • 20 (1%)
  • Dot А что это такое?
  • 16 (0%)
  • Проголосовало пользователей: 1680
  • Смотреть тему

* Счетчик

Реклама:
загрузка...

Автор Тема: Веб страница в стиле opera:about  (Прочитано 2783 раз)

0 Пользователей и 1 Гость просматривают эту тему.

CreatoR

  • AC Team
  • Админ
  • *
  • Репутация: 41
  • Оффлайн Оффлайн
  • Пол: Мужской
  • Сообщений: 2917
  • CreatoR - Это не Ник, CreatoR - Это стиль Жизни!
    • WWW
На howtocreate.co.uk есть страницы сделаные в стиле opera:about (и т.п.), вот пример одной из них: http://www.howtocreate.co.uk/noclicktoactivate.html

Я почистил страницу от всего лишнего, и самые "жизненно важны" (для меня :) ) стили мигрировал прямо в <head>. Страничка обитает тут.

Отсалась одна, но значительная проблема: Как теперь присвоить странице свойство отступа, чтобы всё что я писал длее, было немного сдвинуто от краёв рамки, также чтобы если текст слишком длинный, чтобы он как бы переводился на новую строку (wrap?).

Но хотелось бы это задать сразу для всего body, а не двигать каждый абзац и т.п.

В моей странице явно видно, что «Some Article...» на границе с рамкой, это я и хочу поправить...
Записан
Читаем FAQ по OAC! и Список изменении OAC перед тем как задать вопрос.



P.S
«Не оказываю техподдержку через ПМ/ICQ, и по электронной почте - для этого есть форум.»

Lex1

Re: Веб страница в стиле opera:about
« Ответ #1, : 20.04.2008, 10:00:40 »
Добавь в стили
#content {
margin-right: 250px;
padding: 0 3%;
border: 1px solid rgb(246,246,246);
border-right-color: rgb(164,164,164);
}
И выдели нужный контент
<div id="content">
<b>Some Article...</b>
</div>
Записан

CreatoR

  • AC Team
  • Админ
  • *

  • Автор темы
  • Репутация: 41
  • Оффлайн Оффлайн
  • Пол: Мужской
  • Сообщений: 2917
  • CreatoR - Это не Ник, CreatoR - Это стиль Жизни!
    • WWW
Re: Веб страница в стиле opera:about
« Ответ #2, : 20.04.2008, 18:31:23 »
Lex1 12:00:40
Цитировать
Добавь в стили
Я знал что пропустил что-то :) Спасибо!

Цитировать
выдели нужный контент
Вот по этому поводу ещё вопрос; можно как то задать в стилях, чтобы этот div отменялся, т.е к примеру имеем:

H1 {
font-size: 110%;
font-weight: bold;
text-align: left;
color: rgb(74,74,74);
background-color: rgb(220,220,220);
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAABECAYAAAC8lXScAAAAe0lEQVRIie2VSwrAMAhEtbjI/W+aTTb52BvMFKYtKTRbH85ThHhmpoEXpG4HrJpZtNYw0HvHAHOIUgoGIgID7o6BMYYWwRfFHPQOeoQOcEn55G6QpCcnA7rDC1N8ImIHyR1O7gUH3mGt9XDEDmP+wEUg5pwYoL9/rRUCJ+SdUkoxVOhEAAAAAElFTkSuQmCC);
background-repeat: repeat-x;
background-position: left center;
padding: 10px 15px;
margin: 0;
border-bottom: 1px solid rgb(144,144,144);
border-top: 1px solid rgb(144,144,144);
height: 20px;
}

вот нужно чтобы при использовании <H1>, <div...> в котором он (заголовок) находится не использовался, т.е как бы отменялся. Иначе приходится закрывать постоянно </div> перед таким заголовком, и начинать новый для следующего абзаца, и т.к этот заголовок имеет свой стиль форматирования, получается не очень красивый заголовок :(.
Записан
Читаем FAQ по OAC! и Список изменении OAC перед тем как задать вопрос.



P.S
«Не оказываю техподдержку через ПМ/ICQ, и по электронной почте - для этого есть форум.»

Lex1

Re: Веб страница в стиле opera:about
« Ответ #3, : 21.04.2008, 00:26:20 »
Не очень понял. <h1> находящийся внутри div-а унаследует его стили. Можно задать нужные стили для <h1> и они будут иметь больший приоритет чем div-ные.
« Последнее редактирование: 04.12.2009, 15:34:27 от CreatoR »
Записан

CreatoR

  • AC Team
  • Админ
  • *

  • Автор темы
  • Репутация: 41
  • Оффлайн Оффлайн
  • Пол: Мужской
  • Сообщений: 2917
  • CreatoR - Это не Ник, CreatoR - Это стиль Жизни!
    • WWW
Re: Веб страница в стиле opera:about
« Ответ #4, : 21.04.2008, 02:05:11 »
Lex1 02:26:20
Цитировать
<h1> находящийся внутри div-а унаследует его стили
Вот именно это мне и нужно предотвратить...

Цитировать
они будут иметь больший приоритет чем div-ные
Хм... т.е получается нужно те же стили задавать, но с другими свойствами?
Вот что я имел в виду: Opera Style Page - как видно, второй заголовок немного не в тему, хотелось сделать один <div id="content"> на весь контент страницы, и при использовании (внутри этого div'а) h1 делать такой же заголовок как и первый (который до div'а)...
« Последнее редактирование: 04.12.2009, 15:34:35 от CreatoR »
Записан
Читаем FAQ по OAC! и Список изменении OAC перед тем как задать вопрос.



P.S
«Не оказываю техподдержку через ПМ/ICQ, и по электронной почте - для этого есть форум.»

CreatoR

  • AC Team
  • Админ
  • *

  • Автор темы
  • Репутация: 41
  • Оффлайн Оффлайн
  • Пол: Мужской
  • Сообщений: 2917
  • CreatoR - Это не Ник, CreatoR - Это стиль Жизни!
    • WWW
Re: Веб страница в стиле opera:about
« Ответ #5, : 21.04.2008, 02:29:55 »
Получилось с использованием ещё одного H(2):

H2 {
font-size: 110%;
font-weight: bold;
text-align: left;
color: rgb(74,74,74);
background-color: rgb(220,220,220);
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAABECAYAAAC8lXScAAAAe0lEQVRIie2VSwrAMAhEtbjI/W+aTTb52BvMFKYtKTRbH85ThHhmpoEXpG4HrJpZtNYw0HvHAHOIUgoGIgID7o6BMYYWwRfFHPQOeoQOcEn55G6QpCcnA7rDC1N8ImIHyR1O7gUH3mGt9XDEDmP+wEUg5pwYoL9/rRUCJ+SdUkoxVOhEAAAAAElFTkSuQmCC);
background-repeat: repeat-x;
background-position: left center;
padding: 5px 15px;
margin-left: -23px;
margin-right: -223px;
border-bottom: 1px solid rgb(144,144,144);
border-top: 1px solid rgb(144,144,144);
height: 20px;
}

Но это лишний кусок кода, можно как то напрямую использовать свойства h1 в h2 не прописывая их снова, но задать для h2 новые стили? знаю (уже) что можно вот так делать при каждом использовании h1:

<H2 style="margin-left: -23px; margin-right: -223px;">Contents:</H2>
Но это опять таки лишние строчки... и ещё, будет ли это надёжно, у меня к примеру -23 подгоняет заголовок идеально (к самому левому краю), а будет ли оно также у других, у кого может быть другое разрешение экрана? или оно не влияет?
Записан
Читаем FAQ по OAC! и Список изменении OAC перед тем как задать вопрос.



P.S
«Не оказываю техподдержку через ПМ/ICQ, и по электронной почте - для этого есть форум.»

Lex1

Re: Веб страница в стиле opera:about
« Ответ #6, : 21.04.2008, 23:53:06 »
CreatoR 04:05:11
Цитировать
при использовании (внутри этого div'а) h1 делать
Два  тега <h1> практически никогда не используют. Потому что он используется для основного заголовка.
Цитировать
Но это лишний кусок кода
Я вообще не понимаю смысла этого. Если страница должна быть похожа на opera:about, прицепи к ней about.css. И всё :)
« Последнее редактирование: 04.12.2009, 15:33:48 от CreatoR »
Записан
 


Похожие темы
Тема Автор Ответов Просмотров Последний ответ
Сохранение страниц в стиле IE
Расширяем функциональность
sanmon 4 1686 Последний ответ 01.12.2006, 01:52:57
от sanmon
не скачивается версия Opera AC 335 builder for Opera 9.xx
Общий раздел по Opera AC
ygeek 1 2787 Последний ответ 11.04.2007, 09:56:20
от SyCraft
Не загружается полностью страница!?
[Не баг]
GizmoKoenig 6 3198 Последний ответ 30.03.2009, 18:23:59
от s_ta_s
Новая страница после последней....
Общий раздел по Opera AC
Carlos10 2 1007 Последний ответ 17.01.2008, 06:18:33
от Carlos10
Стартовая страница
Общий раздел по Opera AC
Kirusha 19 572 Последний ответ 20.08.2011, 01:41:38
от UnShame


* Реклама:
загрузка...

Страница сгенерирована за 0.08 секунд. Запросов: 32.