[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: GaV  
Форум » ВСЁ ДЛЯ WEB МАСТЕРОВ uCoz » Ответы и помощь web - мастерам » Как сделать, чтобы текст был справа картинки?
Как сделать, чтобы текст был справа картинки?
Пятница, 04.11.2011, 16:41 | Сообщение # 1
Сообщений:
62
Награды:
Замечания:
IP:
-
3
+
3
Как сделать, чтобы текст был справа картинки, как на этом сайте:
, вот как у меня:
Пятница, 04.11.2011, 21:26 | Сообщение # 2
Сообщений:
236
Награды:
Замечания:
IP:
-
15
+
15
Я использовал раньше вот такой скрипт:
Code
<img src="$SCREEN_URL$" align=left hspace=10>


Единственное что некоторым не нравится это то, что скрипт выводит изображение такого же размера какое оно на самом деле, но по моему мнению это плюс т.к. ты сам можешь в пейнте всего секунд за 10 - 20 изменить размер и всегда сможешь его сделать таким каким считаешь нужно. Это удобно в тех случаях когда описания мало и картинку можно увеличить, чтоб визуально расширить все в виде конкретного материала.

Вот картинка с твоего сайта в оригинальном виде:


А это картинка которую я через Paint уменьшил:


Для того чтоб установить данный скрипт тебе нужно пройти в Панель управления своего сайта.... > Страница материала и комментариев к нему > вставить код
Code
<img src="$SCREEN_URL$" align=left hspace=10>
перед тегом $MESSAGE$ (смотри скрин ниже) > Сохронить:



--------------------------------------------------------------------------------------------------------------------------------------------

P.S. Вот этот код с примером отступа текста от картинки снизу (даю его для того чтоб, было наглядно понятно как настроить отступ с разных сторон)
Code
<img src="$SCREEN_URL$" align=left hspace=15 vspace=15>


Такого рода скрипт устроит?
Суббота, 05.11.2011, 00:36 | Сообщение # 3
Сообщений:
62
Награды:
Замечания:
IP:
-
3
+
3
Спасибо большое. Но не обязательно через пайнт или фотошоп каждый раз уменьшать. Можно вместо $SCREEN_URL$, поставить $IMG_URL1$, вот так:
Code
<img src="$SCREEN_URL$" align=left hspace=10>
, а размер уменьшать, увеличивать при загрузке изображения. Я сделал так. Спасибо большое еще раз smile
Суббота, 05.11.2011, 00:41 | Сообщение # 4
Сообщений:
236
Награды:
Замечания:
IP:
-
15
+
15
V-STYLE, сорри... вылетело из головы про $IMG_URL1$...
Суббота, 05.11.2011, 01:43 | Сообщение # 5
Сообщений:
62
Награды:
Замечания:
IP:
-
3
+
3
Оказывается нет, все равно большая картинка.
Суббота, 05.11.2011, 10:37 | Сообщение # 6
Сообщений:
236
Награды:
Замечания:
IP:
-
15
+
15
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
Сообщений:
62
Награды:
Замечания:
IP:
-
3
+
3
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
Сообщений:
236
Награды:
Замечания:
IP:
-
15
+
15
V-STYLE, вот это добавь и будет обводка
Code
style="border:5px solid red;"
цвет и ширину регулируй сам smile
Воскресенье, 06.11.2011, 10:25 | Сообщение # 9
Сообщений:
62
Награды:
Замечания:
IP:
-
3
+
3
GaV, Спасибо. Вышло то, что я хотел smile Тему можно закрывать.
Воскресенье, 06.11.2011, 14:16 | Сообщение # 10
Сообщений:
236
Награды:
Замечания:
IP:
-
15
+
15
V-STYLE, Ok!

Тема закрыта!
Форум » ВСЁ ДЛЯ WEB МАСТЕРОВ uCoz » Ответы и помощь web - мастерам » Как сделать, чтобы текст был справа картинки?
  • Страница 1 из 1
  • 1
Поиск: