Фото и видео блог на блоггер

18 авг 2011, 14:46 Admin

Ситуация такая. Код все равно придется менять. Но незначительно.
В шаблоне находите код:

Код:: .post-body img { padding: 8px; }

у вас значение padding может быть другим.
В этот код добавляем строчку width

Код:: .post-body img { padding: 8px; width:300px; }

значение width - это ширина ваших фотографий.
Теперь, когда загружаете фото, на вкладке HTML удаляете полностью значение высоты height и картинка уменьшается пропорционально ширине, заданной в стилях.
Соответственно, можно сделать наоборот, в стилях прописать высоту, а из сообщения удалять ширину.
Если вы изначально загружаете небольшие картинки, то тогда Blogger автоматом не будет к ним прописывать значения высоты и ширины.

04 окт 2011, 12:16 Krabo

Привет всем,я здесь новенький)

Меня интересует возможность сделать видео блог на Blogger, прочитав тему foto-blog-na-blogger-t178.html

Меня очень заинтересовал шаблон http://btemplates.com/2009/blogger-template-bloggertube/

Возможно ли, с этого шаблона переместись на другой шаблон только вид сообщений?
Мне не обязательно чтобы был слайдер вверху, чтоб только видео вот так в строчку и с превью ишли :dash:

04 окт 2011, 12:34 Admin

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

04 окт 2011, 12:38 Krabo

Admin писал(а):Не понимаю, зачем нужно было создавать новую тему, если можно было задать тот же вопрос в уже существующей? Темы объединяю.
На мой взгляд, проще взять тот шаблон, удалить из него слайдер, если необходимо, поменять цветовое решение шаблона, чем выковыривать код из него.

А можете помочь как поменять цветовое решение? :blush:

04 окт 2011, 12:54 БЛОGГЕР

Ну, так удали виджет со слайдером или запрети его к показу.

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

БЛОGГЕР писал(а):Ну, так удали виджет со слайдером или запрети его к показу.

Сохрани копию шаблона.
Найди и удали код:

Код:: <b:if cond='data:blog.pageType != "item"'> <div id='crosscol-wrapper' style='text-align:center'> <div class='sliderwidget'> <div id='slider'> <script src='http://btemplatesjs.googlecode.com/files/galleryvideo2.js' style='text/javascript'/> <script style='text/javascript'> var numposts_vid = 6; var numchars_vid = 150; </script> <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryvideo"></script> </div> </div> </div> </b:if>

04 окт 2011, 13:24 Krabo

БЛОGГЕР писал(а):Ну, так удали виджет со слайдером или запрети его к показу.

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

БЛОGГЕР писал(а):Ну, так удали виджет со слайдером или запрети его к показу.

Сохрани копию шаблона.
Найди и удали код:

Код:

<b:if cond='data:blog.pageType != "item"'> <div id='crosscol-wrapper' style='text-align:center'> <div class='sliderwidget'> <div id='slider'> <script src='http://btemplatesjs.googlecode.com/files/galleryvideo2.js' style='text/javascript'/> <script style='text/javascript'> var numposts_vid = 6; var numchars_vid = 150; </script> <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryvideo"></script> </div> </div> </div> </b:if>

спасибо)))

а как изменит внешний диз блога??

04 окт 2011, 13:36 БЛОGГЕР

Слайдера не будет

04 окт 2011, 13:48 Krabo

БЛОGГЕР писал(а):Слайдера не будет

Я понял))

04 окт 2011, 14:17 Admin

Krabo писал(а):А можете помочь как поменять цветовое решение?

Помочь сможем, но вот делать все нужно своими руками и головой.
В первую очередь учимся пользоваться расширением для разработчиков. Лично я пользуюсь браузером FireFox, для него расширение называется Firebug и его нужно отдельно устанавливать, в Google Chrome точно не помню, нужно устанавливать или нет, попробуйте кликнуть в любом месте блога правой кнопкой мыши, в открывшемся меню должна быть команда Просмотр кода элемента, в Opera также правой кнопкой мыши - Проинспектировать элемент. В Explorer лучше не лезте, там все это сложнее.
Во-вторых, всегда под рукой имеем вот этот сайт.
В-третьих, задаем конкретные вопросы.

За черный фон отвечает вот эта строка:

Код:: background: transparent url(http://3.bp.blogspot.com/_WoCJXgXotb8/SrrsY0G_3FI/AAAAAAAAAAU/FGOXZBwWs0k/s1600/bodybg-5.gif) repeat scroll 0 0;

Здесь используется изображение

Код:: http://3.bp.blogspot.com/_WoCJXgXotb8/SrrsY0G_3FI/AAAAAAAAAAU/FGOXZBwWs0k/s1600/bodybg-5.gif

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

Код:: background-color: #FFFFFF;

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

Чтобы изменить цвет шрифта, чуть ниже той строки есть такая

Код:: color: #D8D8D8;

Это цвет шрифта для всего блога.
Его также можете изменить, пользуясь таблицей безопасных цветов.

Эти стили заданы для всего блога в целом, но при этом некоторые элементы могут иметь другое цветовое решение, как фона, так и шрифта. Для этого вам и понадобится расширение для разработчиков, чтобы находить в своем шаблоне такие места. В принципе это все. Таким образом меняются все цвета в шаблоне - либо указываете определенный цвет, либо загружаете картинку.
За фоны отвечает слово background, подробнее можете посмотреть в учебнике, на который я давала ссылку выше в пункте "во-вторых", за цвет шрифта слово color. Ещё по шрифтам может помочь свойство font, почитайте про него для расширения кругозора

.

04 окт 2011, 14:37 Krabo

Большое спасибо))
А еще аткой вопрос- как изменить фон названий гаджетов?? :help: