[FAQ] Шаблон форума, CSS и html, где что "ковырять"

Сообщение **Татьяна5** » 21.09.2014 5:33

VeloLida писал(а):в самый верх в файле overall_header.html сразу после первого увиденного <head> вставила код слайдера. Соответственно

вышла полнейшая каша из кода. http://htmlbook.ru/ и читать-читать-читать (самоучители и статьи для начала)

21.09.2014 5:41

Татьяна5 уверен что тут с постами на http://htmlbook.ru/ немерено постов от поддержки)))
ИМХО это надо прекращать! Для начала отписать в первый пост что мол так и так... За идиотизм и повторный вопрос баним. И мы не учим HTML!!!! И может меньше станет вопрошающих по чуши которая уже не раз обсуждалась в теме. Как думаешь?

VeloLida · Сообщение **VeloLida** » 21.09.2014 10:32

Почитала ответы и поняла, что ответить никто не захотел... )
Хорошо, переформулирую вопрос. Я увидела, что тут тема у вас называется "Шаблон форума, CSS и html, где что "ковырять""
Абстрагируйтесь от того кода что я написала и просто может кто ответить без философии и гордыни, вот есть шапка у форума на стиле prosilver. как в эту шапку внутрь вставить какой либо код, например банера, слайдера, не важно чего. То есть даже не как, а просто скажите пожалуйста где в каком файле в какой строке ковырнуть?
Я понимаю что надо пойти поучить книжки умные, но всё же может просто ответить сможет кто? )
Если нет, то ладно, попробую на других форумах спросить.

Сообщение **Татьяна5** » 21.09.2014 10:56

VeloLida, прежде чем вставлять куда-то код слайдера (или любой другой код), его надо частично переписать под phpBB. В двух словах этого не объяснишь.

VeloLida писал(а):в каком файле в какой строке ковырнуть?

Файл - overall_header.html, строка - после

Код: Выделить всё

<div class="headerbar">
<div class="inner">

Но если тот код слайдера добавить в шапку без изменений, то в лучшем случае это будет каша из кода и расплывшийся дизайн во многих браузерах, в худшем - нерабочий форум

Добавлено спустя 1 минуту 40 секунд:

VeloLida писал(а):попробую на других форумах спросить

Спрашивайте, на htmlbook.ru как раз и форум есть

ВладимирТ · 21.09.2014 11:37

VeloLida писал(а):Почитала ответы и поняла, что ответить никто не захотел...

Вы не обижайтесь, просто что Вы просите это уже не подсказка, а конкретная работа по Вашему форуму (у меня например данная задача заняла несколько дней, с учетом многолетнего опыта по верстке), и для того что бы Вам самим начать что делать и использовать подсказки нужны хотя бы элементарные знания, которые можно получить например на выше указанном сайте. Согласитесь, глупо читать книгу, не зная не одной буквы.

Пчелкин · Сообщение **Пчелкин** » 21.09.2014 14:00

ВладимирТ писал(а):Согласитесь, глупо читать книгу, не зная не одной буквы.

А так-же заставить ехать машину открутив с нее колеса, слив бензин и вытащив мотор...
Начните с малого - с заполнения форума... А уж потом навороты сами попросятся по мере необходимости...

VeloLida · Сообщение **VeloLida** » 21.09.2014 19:35

Пчелкин
Ох люди человеки.... любите вы умничать и советы раздавать не по теме. )
Зачем вам это, лучше то да сё... Да вы сделайте вот это.... колёса, машины, книги шмыги... какой-то унылый инфопоток мимо темы, даже я девушка и то так себя не веду никогда. )
Зачем мне философские поучения не по теме вопроса.))
Ну сказали бы нет не сможем помочь, или типа это не знаем, или не хотим, долго объяснять и т.д.
И всё сразу ясно что делать дальше, типа искать другой источник.
Зачем навязывать то, что мне не нужно.
Мне же не надо ничего заполнять, никакой форум, зачем вы мне в вопросе про слайдер в шапке, предлагаете вообще фиг знает что.... с колёсами и машинами без моторов....) Мне надо было то, о чём спрашивала конкретно, но уже разобралась, подсказали люди добрые слава богу быстро, детально, коротко и по существу.
Нарисовали куда зайти, что удалить, что прописать, что добавить и всё разрешилось за 10 минут.
Посижу в выходной свой и сделаю теперь то чего хотела.
А наполнение форума просто перекочует с другого старого форума, на старом так сказать движке, с полного бэкапа всех данных. Тут я просто установила, чтобы поковырять и понять что от чего зависит, чтобы сделать то, что хочется.
Ну и прикрутить потом всякие моды и плюшки, которые было невозможно сделать на другом форуме по ряду причин.
Наполнить много ума не надо, а вот построить увы и ах немножко надо..... )
В любом случае всем спасибо и извиняюсь что влезла со своими вопросами.

Пчелкин · Сообщение **Пчелкин** » 21.09.2014 23:40

VeloLida писал(а):долго объяснять и т.д.

А вы не заметили что ТУТ ЭТО (то что вы спрашиваете) уже 10500 раз нарисовано и объяснено? Надо персонально для Вас 100501 раз объяснять? Вы себя уважаете, а других? Зачем в миллионный раз ЗДЕСЬ писать то, что описано уже миллионы раз?
Я посчитал - ваш вопрос прозвучал здесь 118-й раз. Это грустно... увы... Читать и пользоваться поиском мы не хотим...

VeloLida · Сообщение **VeloLida** » 23.09.2014 12:47

Пчелкин
Ну чего вы обманываете. ) Я само собой сначала всё прошерстила в поиске и никакие 100500 раз никто тут не объяснял как вставить какой-либо код типа слайдера в шапку. Были некие инструкции как туда вставить статичную картинку и были инструкции как убрать наоборот из шапки ненужное. А остальные все как вы говорите 100500 раз ответов звучали по типу, ой это вам надо пойти почитать http://htmlbook.ru/. И на этом всё. Если бы в реале были посты где объяснилось что-то конкретное по пунктам на мой вопрос и я не нашла, то вы бы могли просто без пафоса дать ссылку на это. А не высокомерно выпендриваться. Ну да ладно, не сказали и не сказали.
Теперь по теме:
ВладимирТ

ВладимирТ писал(а):Вы не обижайтесь, просто что Вы просите это уже не подсказка, (у меня например данная задача заняла несколько дней, с учетом многолетнего опыта по верстке)

Ну как оказалось вы наверное реализовали это каким то своим сложным способом о котором лень рассказывать-вспоминать, что в принципе я могу понять и вам в плюс что вы всётаки смогли даже супер сложно и долго но реализовали.
Но как оказалось, не имея вообще никакого опыта с моей стороны, вся эта реализация была мне подсказана реально за считанные минуты каким-то человеком из интернета, из подобного же форума как у вас.
И там вообще всё легко и без головной боли быстро реализовывается, я после его подсказаки сделала за минут 5 или может 10.
Может кому пригодится, вдруг кто ещё когда либо захочет реализовать нечто подобное, оставлю тут записи как вставить в шапку код слайдера, или чего угодно другого.

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

Код: Выделить всё

<link rel="stylesheet" href="http://prokat-lida.by/NIVO-SLIDER/css/nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="http://yustas.besaba.com/styles/prosilver/slayder/css/nivo-slider.css" type="text/css" media="screen" />
    <div id="wrapper">

        <div class="slider-wrapper theme-default">
            <div id="slider" class="nivoSlider">
                
		<img src="http://prokat-lida.by/IMAGE/velokatSLIDE1.jpg"  alt="" />
		<img src="http://prokat-lida.by/IMAGE/velokatSLIDE3.jpg"  alt="" />
		
                <img src="http://prokat-lida.by/IMAGE/velokatSLIDE2.jpg"  alt="" data-transition="sliceUpDownLeft" />
                    
            </div>

        </div>

    </div>
    <script type="text/javascript" src="http://yustas.besaba.com/styles/prosilver/slayder/js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="http://yustas.besaba.com/styles/prosilver/slayder/js/jquery.nivo.slider.js"></script>
    <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider();
    });
    
</script>

Возможно в коде было много лишних строк, по моей не опытности, но хватило пяти секунд что бы сказать что от туда удалить за ненадобностью и не разводить демагогию о том как корабли не могут бороздить просторы космоса без колёс и мотора и прочей бла бла бла.
В общем если я уже как есть вставляла эти строки после <head> в фаил overall_header.html то слайдер появлялся в самом верху страницы форума, но совсем не внутри в шапке. А нужно было просто перенести несколько строк в другое место, а именно часть кода от слайдера:

Код: Выделить всё

<div class="slider-wrapper theme-default">
            <div id="slider" class="nivoSlider">
                
      <img src="http://prokat-lida.by/IMAGE/velokatSLIDE1.jpg"  alt="" />
      <img src="http://prokat-lida.by/IMAGE/velokatSLIDE3.jpg"  alt="" />
      <img src="http://prokat-lida.by/IMAGE/velokatSLIDE2.jpg"  alt="" data-transition="sliceUpDownLeft" />
                
            </div>
         </div>

Нужно запихнуть в код файла overall_header.html сразу после строки

Код: Выделить всё

<div class="inner">

А также можно было убрать временно логотип, удаляя от него строки в этом же файле, у меня эти строки выглядели так:

Код: Выделить всё

<div id="site-description">
            <br>
            <br>
            <br>
            <a href="{U_INDEX}" title="{L_INDEX}"><img src="http://yustas.besaba.com/styles/prosilver/theme/images/logotest.png" /></a>
            
            <p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
         </div>

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

Код: Выделить всё

<link rel="stylesheet" href="http://yustas.besaba.com/styles/prosilver/slayder/css/nivo-slider.css" type="text/css" media="screen" />


    <div id="wrapper">

        
    		</div>

и эти

Код: Выделить всё

<script type="text/javascript" src="http://yustas.besaba.com/styles/prosilver/slayder/js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="http://yustas.besaba.com/styles/prosilver/slayder/js/jquery.nivo.slider.js"></script>
    <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider();
    });
    </script>

их просто оставляем в файле overall_header.html вверху перед закрывающим тегом </head>

Всё! Слайдер на месте и уже внутри в шапке шуршит спокойно. По сути это мог бы быть не слайдер, а что угодно другое. Грубо говоря нужно было всего несколько минут чтобы несколько строк вставить туда и несколько сюда.

Единственное маленькое дополнение которое может ещё кого-то озадачить, это как говорил
ВладимирТ при резиновости форума, уменьшая туда сюда разрешение экрана, слайдер хоть и сам резиновый, но из за отношения сторон либо сужался бы в высоту, либо расширялся, оставляя зазор между панелями форума, либо наезжая на них. Если бы сделать ширину форума фиксированную, а как это сделать без проблем описано тут на форуме, то проблем нет, шапка бы тоже никуда не сужалась расширялась и всегда имела бы актуальное положение со слайдером.
Но даже если сделать резиновый, то тоже никакой проблемы в этом нет, просто заходим в фаил common.css
И там находим строку

Код: Выделить всё

.headerbar {
	
	color: #FFFFFF;
	margin-bottom: 4px;
	padding: 0 0px;
	height: 200px;
}

Если в вашем этом коде есть строчка height: ( с какой либо цифрой ) px;
То просто удалите эту строчку и всего делов.
В результате при изменении разрешении экрана, форум с его панелями просто будет всегда прижат к шапке со слайдером.

Вот об этих двух пяти минутных пунктах что вырезать в файле overall_header.html и куда перенести вставить, чтобы внутри в шапке появилось то что надо, я и спрашивала.
Сам форум у меня просто для экспериментов, никакой смысловой и дизайнерской шедевральности не несёт, я просто учусь в нём ковыряться, вот можно тут по кривой ссылки глянуть на слайдер в шапке и попробовать уменьшать сужать браузер. http://yustas.besaba.com

Сообщение **Татьяна5** » 23.09.2014 13:01

VeloLida писал(а):такие как:
Код: Выделить всё
    <div id="wrapper">

        
    		</div>
....................
их просто оставляем в файле overall_header.html вверху перед закрывающим тегом </head>

Ни в коем случае!

VeloLida, проверяйте сайт в http://validator.w3.org/ , прежде чем писать инструкции

Добавлено спустя 2 минуты 47 секунд:
http://validator.w3.org/check?uri=http% ... 2F;No200=1 - 20 ошибок, тянутся как раз от слайдера (точней от "инструкции" в предыдущем сообщении)

VeloLida · Сообщение **VeloLida** » 23.09.2014 13:07

Татьяна5
Если бы я знала что это такое и о чём вы и что не так и что надо опять поменять. То непременно проверила бы. ))
Я просто повар, готовить на кухне люблю, на природу ездить люблю, а во всяких терминах и словечках и в программирование вообще никак не понимаю. И взялась сделать форум просто от того что мне нужно, а помочь некому, вот с миру по нитки и тыкаю мышкой.
Я не знаю в чём опять опасность....( чем эти какие-то ошибки на каком-то сервисе могут грозить и что надо сделать, попытаюсь спросить у кого либо, вы же не подскажите наверное. ) Но за замечание спасибо.

Сообщение **Татьяна5** » 23.09.2014 14:03

VeloLida
Опять и снова - http://htmlbook.ru/samhtml, там есть всё что надо. И ответ на ваш вопрос тоже есть.

xisp · Сообщение **xisp** » 23.09.2014 21:16

VeloLida писал(а):Я не знаю в чём опять опасность....

Неверное отображение в каком либо браузере, трудноуловимые глюки, ПС опять же лучше смотрит на правильные и валидные страницы.
В общем прочитайте про основы, там нет ничего сложного.

ВладимирТ · 23.09.2014 21:17

VeloLida писал(а):но из за отношения сторон либо сужался бы в высоту, либо расширялся, оставляя зазор между панелями форума, либо наезжая на них.

Сам слайдер можно установить за 5 минут, а вот добиться его правильной работы занимает все остальное время, у Вас на данный момент стоит не правильно, как мы видим перекрыта вся панель управления, сгинул поиск и логотип и куча ошибок в работе страницы.

forum.jpg

Добавлено спустя 1 час 59 минут:

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

Хорошо что, Пчелкин спит .... пока

Пчелкин · Сообщение **Пчелкин** » 24.09.2014 0:00

ВладимирТ писал(а):Хорошо что, Пчелкин спит .... пока

Лучше б я сюда не заглядывал.

VeloLida не проще ли -
1. Выкинуть и шапки все эти поиски и прочую лабуду (здесь есть тема как перенести поиск ниже), оставив в шапке только лого.
2. Вместо стандартной картинки создать и положить под тем же названием свою
3. В КСС изменить ее выводимые размеры
4. И лишь потом впихнув вместо стандартной склейку из трех-четырех картинок, сделать их "живыми- типа резиновыми"? И не морочить голову поломкой кодов в оверхейдере?

phpBB Guru - Официальная русская поддержка форума phpBB

[FAQ] Шаблон форума, CSS и html, где что "ковырять"

Re: [FAQ] Шаблон форума, CSS и html, где что "ковырять"

Re: [FAQ] Шаблон форума, CSS и html, где что "ковырять"

Re: [FAQ] Шаблон форума, CSS и html, где что "ковырять"

Re: [FAQ] Шаблон форума, CSS и html, где что "ковырять"

Re: [FAQ] Шаблон форума, CSS и html, где что "ковырять"

Re: [FAQ] Шаблон форума, CSS и html, где что "ковырять"

Re: [FAQ] Шаблон форума, CSS и html, где что "ковырять"

Re: [FAQ] Шаблон форума, CSS и html, где что "ковырять"

Re: [FAQ] Шаблон форума, CSS и html, где что "ковырять"

Re: [FAQ] Шаблон форума, CSS и html, где что "ковырять"

Re: [FAQ] Шаблон форума, CSS и html, где что "ковырять"

Re: [FAQ] Шаблон форума, CSS и html, где что "ковырять"

Re: [FAQ] Шаблон форума, CSS и html, где что "ковырять"

Re: [FAQ] Шаблон форума, CSS и html, где что "ковырять"

Re: [FAQ] Шаблон форума, CSS и html, где что "ковырять"