Фильтр по:
  

  • Страница 1 из 1
  • 1
Модератор форума: Admin, Cибиря4ка, Komoff, Diana  
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Если вы пришли за помощью, то Вам сюда... » Интересные решения!
Интересные решения!
Дата: Суббота, 17.12.2011, 21:13 |
DesBR
Подполковник
Группа: Проверенные
Сообщений: 148
Награды: 0
Репутация: 1
Статус: Offline


Вы придумали иной подход к web мастерству с системой UCOZ? Покажите его всем!

Добавлено (17.12.2011, 21:13)
---------------------------------------------
Возможно это не инновация и сложнейшая операция.., но как то так smile


HTML: (Вид матералов)
Code
<div id="stickmes">
     <div style="text-align:right;width:100%;"><a href="$ENTRY_URL$">$TITLE$</a></div>
     <div id="sticktable">
     <table... <!--то что находится внутри таблицы-->
</table><br /></div></div>


CSS:
Code
#stickmes{float:left; width:329px;height:330px;padding-right:37px;padding-bottom: 65px;}
#sticktable{opacity:0.5;background:url('/') no-repeat;overflow: hidden;}


Так можно разбить на несколько колонок какие либо материалы

Прикрепления: 9878037.png (434.8 Kb)

Сообщение отредактировал DesBR - Суббота, 17.12.2011, 21:38
 
Дата: Суббота, 17.12.2011, 21:32 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


... Ещё бы текст по диагонали (на скриншоте) - вообще супер было бы )))
Типа:

...


Где это сделано?
Quote (DesBR)
HTML: (Вид матералов)
Code
<div id="stickmes">
       <div style="text-align:right;width:100%;"><a href="$ENTRY_URL$">$TITLE$</a></div>
       <div id="sticktable">
       <table... <!--то что находится внутри таблицы-->
</table><br /></div>


- див не закрыт ... )
Вот так, тогда уж:
Code
<div id="stickmes">
       <div style="text-align:right;width:100%;"><a href="$ENTRY_URL$">$TITLE$</a></div>
       <div id="sticktable">
       <table... <!--то что находится внутри таблицы-->
</table><br /></div>
</div>

Прикрепления: 3290413.png (143.2 Kb)

 
Дата: Понедельник, 19.12.2011, 17:56 |
DesBR
Подполковник
Группа: Проверенные
Сообщений: 148
Награды: 0
Репутация: 1
Статус: Offline


http://wowhide.ru/board/ - сижу делаю) Знать бы как.. пока решил оставить на потом.. мб найду.

Добавлено (17.12.2011, 21:39)
---------------------------------------------

Quote (likbezz)
- див не закрыт ... )

получилось так, что у меня там скрипт и я забыл просто показать тут див))

Добавлено (17.12.2011, 22:06)
---------------------------------------------

Quote (likbezz)
.aMessage{transform:rotate(5.3deg);-webkit-transform:rotate(5.3deg);-moz-transform:rotate(5.3deg);}

нее) как-то выглядит Криво...

Добавлено (17.12.2011, 22:15)
---------------------------------------------
немного по другому сделал

Добавлено (19.12.2011, 17:56)
---------------------------------------------

Quote (likbezz)
.aMessage{transform:rotate(5.3deg);-webkit-transform:rotate(5.3deg);-moz-transform:rotate(5.3deg);}

В других браузерах текст не поворачивается... как исправить?


 
Дата: Понедельник, 19.12.2011, 18:37 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


DesBR,
Quote (DesBR)
В других браузерах текст не поворачивается... как исправить?

Это в каких-же? В ИЕ??? )))
Quote (Info)
Safari 3.1 и выше Chrome 1 и выше поддерживают похожее свойство -webkit-transform, Opera 10.5 и выше поддерживает похожее свойство -o-transform, Firefox 3.5 и выше -moz-transform, а IE9 и выше -ms-transform, но все они поддерживают только функции 2d трансформации.

...

Вот наиболее полные стили трансформации:
Code
.class{
-moz-transform: rotate(5.3deg); /*Firefox */
-webkit-transform: rotate(5.3deg); /* Safari Chrome */
-o-transform: rotate(5.3deg); /* Opera */
-ms-transform: rotate(5.3deg); /* IE9 */
transform: rotate(5.3deg); /* CSS3 */
}

...


 
Дата: Понедельник, 19.12.2011, 19:05 |
DesBR
Подполковник
Группа: Проверенные
Сообщений: 148
Награды: 0
Репутация: 1
Статус: Offline


в опере такая проблема... Пользователь какой то сообщил.. хотя у меня в опере всё норм

 
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Если вы пришли за помощью, то Вам сюда... » Интересные решения!
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия