Картинка в статистике, растояние между категориями и фон для рекламы

Поделиться121Чт, 3 Дек 2015 04:00:24

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 00:45:38

Lidia-Lada
Мон ксать Аватар сразу ставить картинкой в Анкете:
Для этого ссылку на Авик сразу обрамляем в сообщении в теги -- и вставляем в нужную строку

Код:

[img]http://forumavatars.ru/img/avatars/0015/57/bb/2-1441845324.jpg[/img]

В Описании к вставке пишем( Поправил дабы BB-тег был виден):

Код:

Ставим ссылку на Аватар 140х140 пиксел, заключенный в BB-теги:
[color=red][b][[/b]img[b]][/b]Ccылка[b][[/b]/img[b]][/b][/color]

Ccылку мон обрамить в теги, выделив в форме ответа и нажав кнопку картинка(Затем скопировать и перенести в нужную строку Анкеты)

+1

Поделиться122Чт, 3 Дек 2015 05:02:16

Автор: Lidia-Lada
Заслуженный
Зарегистрирован: Вс, 29 Мар 2015
Сообщений: 504
Уважение: +303
Позитив: +217
Пол: Женский
Последний визит:
Пн, 17 Окт 2022 21:13:13

Deff написал(а):

<style>
#p363 .post-sig > dt{
content:"Все графы должны быть заполнены!";
color:red;
}
</style>

Это у меня не сработало, но я почитала про content и это:

Свернутый текст

Код:

<style>
#p363 .post-sig dd{
    display: none;
}
#p363 .post-sig dt:after{
    content: 'Все графы должны быть заполнены! В графах Арт и Аватар вставлять прямую ссылку на изображение.';
    color:red;
}
</style>

у меня заработало. Жалко в content нет возможности сделать список.
Хотя я умудрилась наадакадабрить это:

Свернутый текст

'• Все графы должны быть заполнены! ................................................................................................. • В графах "Арт" и "Аватар" вставлять прямую ссылку на изображение. ...............................................'

Отредактировано Lidia-Lada (Чт, 3 Дек 2015 05:05:47)

0

Поделиться123Чт, 3 Дек 2015 05:10:47

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 00:45:38

Lidia-Lada написал(а):

у меня заработало. Жалко в content нет возможности сделать список.

Ну мон выставить ширину и дополнять строки пробелами чобы переносилось :

<style>
#p363 .post-sig dd{
display: none;
}
#p363 .post-sig dt:after{
display: block;
width:230px;
content: '1. Все графы должны быть заполнены 2. В графах Арт и Аватар вставлять прямую ссылку на изображение. ';
color:red;
}
</style>

+1

Поделиться124Чт, 3 Дек 2015 05:42:00

Автор: Lidia-Lada
Заслуженный
Зарегистрирован: Вс, 29 Мар 2015
Сообщений: 504
Уважение: +303
Позитив: +217
Пол: Женский
Последний визит:
Пн, 17 Окт 2022 21:13:13

Deff написал(а):

пробелами

отображается только один пробел
ширина width действует только в паре с display: table;

Свернутый текст

<style>
#p363 .post-sig dd{
display: none;
}
#p363 .post-sig dt:after{
content: '• Все графы должны быть заполнены! ————————————————— • В графах "Арт" и "Аватар" вставлять прямую ссылку на изображение.';
color: red;
width: 425px;
display: table;
}
</style>

Вопрос с этой подписью можно считать решенным. Deff, огромное спасибо за помощь. Выучила новые "штучки" CSS. А так бы и не знала про такую магию :blush:

0

Поделиться125Чт, 3 Дек 2015 06:36:01

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 00:45:38

Lidia-Lada написал(а):

отображается только один пробел

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

Код:

 &#160; &#160;

0

Поделиться126Чт, 3 Дек 2015 07:06:46

Автор: Lidia-Lada
Заслуженный
Зарегистрирован: Вс, 29 Мар 2015
Сообщений: 504
Уважение: +303
Позитив: +217
Пол: Женский
Последний визит:
Пн, 17 Окт 2022 21:13:13

Deff написал(а):

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

я про них знаю. Пробовала, но у меня отображается не неразрывный пробел, а именно . Возможно дело в Chrome. Установлю Оперу на днях и гляну там

0

Поделиться127Чт, 3 Дек 2015 08:41:04

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11226
Уважение: +7630
Позитив: +5466
Пол: Мужской
Последний визит:
Вчера 23:01:30

Deff написал(а):

<style>
#p363 .post-sig > dt{
content:"Все графы должны быть заполнены!";
color:red;
}
</style>

В Мозилле не сработает..

0

ВКонтакте alex__63

Поделиться128Сб, 4 Июн 2016 10:20:01

Автор: Lidia-Lada
Заслуженный
Зарегистрирован: Вс, 29 Мар 2015
Сообщений: 504
Уважение: +303
Позитив: +217
Пол: Женский
Последний визит:
Пн, 17 Окт 2022 21:13:13

Такой вопрос
Например в Админке в окошках стилей почему-то картинки имеют адрес например
http://forumstatic.ru/files/0015/57/bb/23783.png
раньше был же
http://forumstatic.ru/files/0015/57/bb/23783.png
так понимаю это не страшно? или лучше все ссылки поменять?

0

Поделиться129Сб, 4 Июн 2016 10:45:31

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 00:45:38

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

+1

Поделиться130Сб, 4 Июн 2016 10:53:13

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11226
Уважение: +7630
Позитив: +5466
Пол: Мужской
Последний визит:
Вчера 23:01:30

Lidia-Lada
Теперь все ссылки, кроме шрифтов и txt, заменены на ссылки с домена статики forum4.ru, в целях удешевления трафика при включенной DDoS-защите.

+2

ВКонтакте alex__63

Поделиться131Вс, 10 Июл 2016 23:17:27

Автор: Lidia-Lada
Заслуженный
Зарегистрирован: Вс, 29 Мар 2015
Сообщений: 504
Уважение: +303
Позитив: +217
Пол: Женский
Последний визит:
Пн, 17 Окт 2022 21:13:13

хочу вставить на форуме в сообщении флешку http://flashroom.ru/files/1884_34035.swf
Установлен скрипт HTML в постах
http://arkania.rolebb.ru/viewtopic.php?id=86#p4580
но когда запускаешь флешку в Хроме, то там узенькая полоска с прокруткой:

так и должно быть? Или у меня на форуме устаревшая версия или еще что-то?

0

Поделиться132Вс, 10 Июл 2016 23:23:31

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 00:45:38

Lidia-Lada, добавьте красным(Cинее - регулируем) к коду флешки

<style type="text/css">body{min-height:660px}</style>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="780" height="585" id="myMovieName">
<param name="movie" value="http://flashroom.ru/files/1884_34035.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#AAAAAA" />
<param name="allowScriptAccess" value="sameDomain" />
<embed src="http://flashroom.ru/files/1884_34035.swf" quality="high" bgcolor="#AAAAAA" width="100%" height="585" name="myMovieName" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed>
</object>

0

Поделиться133Вс, 10 Июл 2016 23:26:02

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 00:45:38

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

+3

Поделиться134Пн, 18 Июл 2016 14:58:27

Автор: Lidia-Lada
Заслуженный
Зарегистрирован: Вс, 29 Мар 2015
Сообщений: 504
Уважение: +303
Позитив: +217
Пол: Женский
Последний визит:
Пн, 17 Окт 2022 21:13:13

Даже не знаю куда написать, так как отношения к сервису не имеет. Скорее к хотелкам.
Очень нравятся часы http://www.clocklink.com/html5embed.php … ;size=200, но давно бесит то, что при наведении появляется картинка. Можно ли как-то их "взять" так, чтобы без ссылки? Смотрела код страницы и ничего не поняла кроме того, что

<div id="ad" style="position: absolute; top: 0px; left: 0px; cursor: pointer;">
<canvas width="200" height="200" style="opacity: 0;">
</div>

это то, что наверно мне и мешает.

0

Поделиться135Пн, 18 Июл 2016 17:09:34

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11226
Уважение: +7630
Позитив: +5466
Пол: Мужской
Последний визит:
Вчера 23:01:30

Lidia-Lada
Замените код часов на:

Код:

<script type="text/javascript">
(function(){window.ClockTstSETcnt = function(){/*=|=;
<script type="text/javascript" src="http://www.clocklink.com/js/anim-library.js"><\/script>
<script type="text/javascript" src="http://www.clocklink.com/js/html5clocks.js"><\/script>
<script type="text/javascript" src="http://www.clocklink.com/clocks/HTML5/html5-022.js?1966"><\/script>
<script type="text/javascript">
function isCanvasSupported(){var elem=document.createElement("canvas");return !!(elem.getContext && elem.getContext("2d"));}
if(isCanvasSupported()){var clock,animFrame = new AnimFrame();clock = new Clock(new BaseClock(null,null,null,null,null,null,null),"http://www.clocklink.com/clocks/HTML5/","","http://www.clocklink.com","http://forum4.ru/i/blank.gif",{clock:'022',timezone:'local',color:'brown',size:'200'});animFrame.push(clock);animFrame.start();}
<\/script>=|=;*/};ClockTstSETcnt=ClockTstSETcnt.toString().split('=|=;')[1].replace(/<\\\/script/gim,'</'+'script');
var ifrm='<iframe src="about:blank" frameborder=0 style="width:200px;height:200px" onload="CLockMytsT(this)"></iframe>';
window.CLockMytsT=function(frame){ frame.contentWindow.document.write(ClockTstSETcnt)};document.write(ifrm);
}())
</script>

+1

ВКонтакте alex__63

Поделиться136Сб, 30 Июл 2016 04:17:04

Автор: Lidia-Lada
Заслуженный
Зарегистрирован: Вс, 29 Мар 2015
Сообщений: 504
Уважение: +303
Позитив: +217
Пол: Женский
Последний визит:
Пн, 17 Окт 2022 21:13:13

Делаю страницу с маршрутами и расстояниями http://arkania.rolebb.ru/pages/marshruti_i_rasstoyaniya
А как перевернуть текст в ячейках в первой строке на 90 градусов против часовой стрелки?
Искала в интернете, поворот ячейки получается очень некрасивым(
Может это дело скриптами делается? Или кроме transform еще что-то есть?

Отредактировано Lidia-Lada (Пн, 1 Авг 2016 14:52:49)

0

Поделиться137Сб, 30 Июл 2016 04:29:51

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 00:45:38

Lidia-Lada
transform: rotate(-90deg);

http://htmlbook.ru/css/transform

0

Поделиться138Сб, 30 Июл 2016 06:54:44

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 00:45:38

Lidia-Lada
:glasses: По идее, проще сфотать таблицу(без надписей), расставить надписи в ФШ и поставить все колонки и строки с надписями фоном (или под всю таблу с надписями и бордерами(у таблы бордеры потом скрыть) .
В ФШ крутить тексты, сдвигать и трансформировать намного удобнее

0

Поделиться139Сб, 30 Июл 2016 09:28:50

Автор: Lidia-Lada
Заслуженный
Зарегистрирован: Вс, 29 Мар 2015
Сообщений: 504
Уважение: +303
Позитив: +217
Пол: Женский
Последний визит:
Пн, 17 Окт 2022 21:13:13

Deff
мне бы хотелось манипулировать текстами, а так придется постоянно лезть в ФШ.
Тем более я хотела, но еще никак у меня не получается, сделать два стиля для форума, то потом серая таблица будет не совсем красиво смотреться и придется для другого стиля опять все переделывать получается?
Еще нашла:

-webkit-writing-mode: vertical-rl;
writing-mode:tb-rl;

но текст поворацивается не в ту сторону

0

Поделиться140Сб, 30 Июл 2016 09:41:18

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 00:45:38

Lidia-Lada, Попробуйте Так:

Код:

<style>
span#city_horizontal {
 display:inline-block;
 width:60px;
 padding-left:5px;
 margin-left:-21px;
 word-wrap: break-word;
 font: normal normal 400 12px/11px Tahoma;
 text-align:center;
-webkit-transform: rotate(-45deg); //Chrome, Safari
-moz-transform: rotate(-45deg); //Firefox
-o-transform: rotate(-45deg); //Opera
-ms-transform: rotate(-45deg); //IE
transform: rotate(-45deg); //браузеры без префексов
}
</style>

0

Единый форум поддержки

Меню навигации

Пользовательские ссылки

Информация о пользователе

Картинка в статистике, растояние между категориями и фон для рекламы

Сообщений 121 страница 140 из 355

Поделиться121Чт, 3 Дек 2015 04:00:24

Поделиться122Чт, 3 Дек 2015 05:02:16

Поделиться123Чт, 3 Дек 2015 05:10:47

Поделиться124Чт, 3 Дек 2015 05:42:00

Поделиться125Чт, 3 Дек 2015 06:36:01

Поделиться126Чт, 3 Дек 2015 07:06:46

Поделиться127Чт, 3 Дек 2015 08:41:04

Поделиться128Сб, 4 Июн 2016 10:20:01

Поделиться129Сб, 4 Июн 2016 10:45:31

Поделиться130Сб, 4 Июн 2016 10:53:13

Поделиться131Вс, 10 Июл 2016 23:17:27

Поделиться132Вс, 10 Июл 2016 23:23:31

Поделиться133Вс, 10 Июл 2016 23:26:02

Поделиться134Пн, 18 Июл 2016 14:58:27

Поделиться135Пн, 18 Июл 2016 17:09:34

Поделиться136Сб, 30 Июл 2016 04:17:04

Поделиться137Сб, 30 Июл 2016 04:29:51

Поделиться138Сб, 30 Июл 2016 06:54:44

Поделиться139Сб, 30 Июл 2016 09:28:50

Поделиться140Сб, 30 Июл 2016 09:41:18