|
Как сделать, чтобы текст был справа картинки?
|
|
|
|
Пятница, 04.11.2011, 16:41 | Сообщение # 1
|
|
Как сделать, чтобы текст был справа картинки, как на этом сайте: , вот как у меня: |
|
|
|
Пятница, 04.11.2011, 21:26 | Сообщение # 2
|
|
Я использовал раньше вот такой скрипт:
Code <img src="$SCREEN_URL$" align=left hspace=10>
Единственное что некоторым не нравится это то, что скрипт выводит изображение такого же размера какое оно на самом деле, но по моему мнению это плюс т.к. ты сам можешь в пейнте всего секунд за 10 - 20 изменить размер и всегда сможешь его сделать таким каким считаешь нужно. Это удобно в тех случаях когда описания мало и картинку можно увеличить, чтоб визуально расширить все в виде конкретного материала.
Вот картинка с твоего сайта в оригинальном виде:
А это картинка которую я через Paint уменьшил:
Для того чтоб установить данный скрипт тебе нужно пройти в Панель управления своего сайта.... > Страница материала и комментариев к нему > вставить код Code <img src="$SCREEN_URL$" align=left hspace=10>
--------------------------------------------------------------------------------------------------------------------------------------------
P.S. Вот этот код с примером отступа текста от картинки снизу (даю его для того чтоб, было наглядно понятно как настроить отступ с разных сторон)
Code <img src="$SCREEN_URL$" align=left hspace=15 vspace=15>
Такого рода скрипт устроит? |
|
|
|
Суббота, 05.11.2011, 00:36 | Сообщение # 3
|
|
Спасибо большое. Но не обязательно через пайнт или фотошоп каждый раз уменьшать. Можно вместо $SCREEN_URL$, поставить $IMG_URL1$, вот так: Code <img src="$SCREEN_URL$" align=left hspace=10>  |
|
|
|
Суббота, 05.11.2011, 00:41 | Сообщение # 4
|
|
V-STYLE, сорри... вылетело из головы про $IMG_URL1$... |
|
|
|
Суббота, 05.11.2011, 01:43 | Сообщение # 5
|
|
Оказывается нет, все равно большая картинка. |
|
|
|
Суббота, 05.11.2011, 10:37 | Сообщение # 6
|
|
V-STYLE, ну тогда можно и без условных операторов обойтись... В конце кода ставим атрибут width=150 - этот атрибут будет овечать за ширину картинки, а высота будет автоматически подстраиваться под ширину. Регилируйте цифру 150 под свои нужды и не забывате, что если большая картинка весит 1 мб., вы заливаете ее к себе на сайт, она не будет весеть меньше когда выводится в уменьшенном размере, она так и останется размером 1 мб.
Вот такой должен получиться код в итоге:
Code <img src="$SCREEN_URL$" align=left hspace=20 vspace=15 width=150> |
|
|
|
Суббота, 05.11.2011, 13:59 | Сообщение # 7
|
|
GaV, Это то, что мне нужно, спасибо. Я еще сделал, чтобы при наведении она увеличевалась. А можно ли туда еще рамку сделать? Рамка нужна в обычном режиме
Вот код:
Code <a class="thumbnail" href="Ссылка куда вы будете переходить при нажатии, если не надо то оставьте #thumb"><img src="$IMG_URL1$" align=left width="146px" height="226px" border="0" /><span><img src="$IMG_URL1$" /><br />Скачать ГДЗ/$ENTRY_TITLE$</span></a> |
|
|
|
Суббота, 05.11.2011, 18:53 | Сообщение # 8
|
|
V-STYLE, вот это добавь и будет обводка Code style="border:5px solid red;" |
|
|
|
Воскресенье, 06.11.2011, 10:25 | Сообщение # 9
|
|
GaV, Спасибо. Вышло то, что я хотел Тему можно закрывать. |
|
|
|
Воскресенье, 06.11.2011, 14:16 | Сообщение # 10
|
|
V-STYLE, Ok!
Тема закрыта! |
|
