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

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

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (50)


Общие вопросы по оформлению (50)

Сообщений 941 страница 960 из 1000

1

Продолжение...

Предыдущая тема: Общие вопросы по оформлению (49)

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

Просьба: когда задаете тот или иной вопрос выкладывайте ссылку на форум, на котором проблема.

Советую забить в закладки:
Каталог скриптов/CSS
Типовые Вопросы (ЧаВо)

Отредактировано Deff (Вт, 27 Авг 2013 14:38:34)

0

941

Silentium
Укажите ссылку на форум.

Отредактировано Fover (Вс, 27 Окт 2013 05:07:48)

0

942

Deff
большое спасибо!

0

943

Fover
неправильно под хайд спрятала, теперь вроде как надо

0

944

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

Помогите, разъединить хотя бы пикселя на 3 эти два слова 

Непонятно, про что речь, - Сделайте скриншот, ткните стрелкой.

0

945

Deff
так я сделала скрин, он есть в посте под словом "трабл" О_о

Отредактировано Silentium (Вс, 27 Окт 2013 14:08:02)

0

946

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

Deff
так я сделала скрин, он есть в посте под словом "трабл" О_о

Отредактировано Silentium (Сегодня 14:08:02)

Выйдите с форума и сфотайте эту страницу под гостем, когда сумеете - киньте ссылку на страницу со скриншота

0

947

Deff
оценила степень своего фэйла, спасибо =)
тык на скрин
Ссылка на страницу

Отредактировано Silentium (Вс, 27 Окт 2013 14:20:35)

0

948

Silentium
В Первом Окне стиля:

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: 0em;
  left: 1em;
  width: 24em;
  }

Красное поправьте на top: -4em;

+1

949

Deff
*фэйспалм* так и знала что обнулила где-то стандартный параметр %-)
вечная вам благодарность  http://mybb.ru/f/collection/0211.gif http://mybb.ru/f/collection/0211.gif

0

950

Здравствуйте. Хотелось бы код, который при наведение курсора на авы админ. состава вылезало окошко с текстом.
сам форум: http://stormfox.mybb.ru/

Код:
<center>
<table border="0" width="100%">
<tr>
<td align="center" valign="top" style="width: 30%">
<a href="" target="_blank"><img src="http://i59.fastpic.ru/big/2013/1027/1a/787d9ffc93d0fd97594f2c50a567881a.png" border="0" /></a>

<div style="width: 100%; height: 200px; overflow: auto; overflow-x: hidden;">
<br><b>26/10/13:</b></b> <br> <i>  • СРОЧНЫЕ ИЗМЕНЕНИЯ В СЮЖЕТЕ! Прошу прочитать и ознакомиться с ними по-подробнее. Просим прощения за предоставленные неудобства! А так, милости просим к нам! Квест уже давным-давно готов, поэтому планируется запуск игры, так что не пропустите такой момент! ^^ </i>

<br/>
<br/>
<b>25/10/13:</b> <br> <i> • Форум совершенно новый, и поэтому он нуждается в серьезной раскрутке. Господа пиарщики, не окажите ли вы нам честь помочь с пиаром? </i>
<br/>
<br/>
<b>25/10/13:</b><br> <i> • Так как ролевая совершенно новая, очень просим обратить внимание на мелочи и отписаться в <a href="http://stormfox.mybb.ru/viewtopic.php?id=24#p46">гостевой темке</a> (для гостей) или же рассмотреть ваши предложения и вопросы <a href="http://stormfox.mybb.ru/viewtopic.php?id=26">вот тут</a>. </i>



</div>
</td>
<td align="center" valign="top" style="width: 40%">
<a href="" target="_blank"><img src="http://i59.fastpic.ru/big/2013/1027/c0/50be84b228d1003aa7967e106b280cc0.png" border="0" /></a>
<br><br>
<img alt="http://superplus10.mybb.ru/" src="http://i58.fastpic.ru/big/2013/1027/ba/97c786c8c92f3d5b2c921265664562ba.gif" /><img alt="" src="http://i58.fastpic.ru/big/2013/1027/96/46ae8e9464742af3092db5436b727596.gif" style="margin-left: 10px;" /><br><br>
<a href=" " target="_blank"><img src="" border="0" /></a>

<br><br>
<img alt="" src="http://i57.fastpic.ru/big/2013/1027/e4/43b44f68de5c66aa39addf2fc910e5e4.jpg" /><img alt="" src="http://i58.fastpic.ru/big/2013/1027/bb/7f4e3feba7d9a24104724f17ec550ebb.png" style="margin-left: 7px;" /><img alt="" src="http://i58.fastpic.ru/big/2013/1027/bb/7f4e3feba7d9a24104724f17ec550ebb.png" style="margin-left: 7px;" />
</td>
<td align="center" valign="top" style="width: 30%">
<a href="http://x-lines.ru/" target="_blank"><img src="http://i59.fastpic.ru/big/2013/1027/50/38f23d6a497e84fb2b069e8270bba250.png" border="0" /></a>
<br><i><li><a href=""><font color="#000c28"><font face="Georgia">Хочу выразить благодарность этим двум тян за огромную помощь на форуме. <3 </font></p></font></p></a></li><br>
<a
href="http://stormfox.mybb.ru/profile.php?id=8"><img src="http://i58.fastpic.ru/big/2013/1027/9b/362a4f91eaab1d072ee4a076d4054b9b.gif" border="0" /></a>
<br>
<a
href="http://stormfox.mybb.ru/profile.php?id=6"><img src="http://i58.fastpic.ru/big/2013/1027/f3/d0aaa1ea37d9a9d140d3ba21adf06cf3.gif" border="0" /></a>
</i>
<img alt="" src="" />
</td>
</tr>
<tr>
<td align="center" valign="top" style="width: 30%">
<a href=" " target="_blank"><img src="http://i59.fastpic.ru/big/2013/1027/50/8b66c908965c43ab772dcfad26737450.png" border="0" /></a>
<br>
<div style="width: 100%; height: 150px; overflow: auto; overflow-x: hidden;">
<b>Погода:</b><br> <i>лето<br>
облачно, ветренно<br>
+18 градусов<br>
10.06.13; 12:00-15:00</i>
<br><b>Игра:</b><br> <i>В лагере пропала всякая связь, отказывались работать телефоны, компьютеры выдавали вечные сбои программ. Подростки начали жаловаться, некоторые устроили забастовку и требовали вернуть им интернет. Но взрослые и сами оказались отрезанными от внешнего мира. У них со связью была аналогичная проблема.</i>

</div>


  <!-- Slideshow HTML -->
</div></div>

</td>
<td align="center" valign="top" style="width: 40%">
<!-- Таблица с меню и баннерами -->
<table style="height: 100%; width: 100%;">
<tr><td height="50" align="center">
<!-- Тут навигация 1 -->
<div class="nav">
<a href="http://stormfox.mybb.ru/viewtopic.php?id=24#p46">Гостевая</a>
<a href="http://stormfox.mybb.ru/viewtopic.php?id=17">Cюжет</a>
<a href="http://stormfox.mybb.ru/viewtopic.php?id=14">F.A.Q</a>
<a href="http://stormfox.mybb.ru/viewtopic.php?id=18">Существа</a>
<a href="http://stormfox.mybb.ru/viewtopic.php?id=85#p467">Описание лагеря</a>
</br>
<a href="http://stormfox.mybb.ru/viewforum.php?id=3">Акции</a>
<a href="http://stormfox.mybb.ru/viewforum.php?id=4">Квесты</a>
<a href="http://stormfox.mybb.ru/viewtopic.php?id=13">Правила</a>
</div>
</select>
</form>
</td></tr>
<tr><td height="50" align="center">

<!-- Кнопка с выпадающими баннерами -->
<DIV><div class=splLink><a href=" " target="_blank"><img src="http://i59.fastpic.ru/big/2013/1027/52/0365346b3d9fcd9a5f55e0be10e93252.png" border="0" /></a></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

тут баннеры типа


</DIV></DIV>
</td></tr>
</table>

<!-- Конец таблицы с баннерами -->
</td>
<td align="center" valign="top" style="width: 30%">
<a href=" " target="_blank"><img src="http://i59.fastpic.ru/big/2013/1027/c8/d0e3aa548305711df686aee85a3ed4c8.png" border="0" /></a>

<div style="width: 100%; height: 150px; overflow: auto; overflow-x: hidden;">

<!-- Контент четвертой вкладки -->
<br>
<center><div class="nav">
<a href="http://stormfox.mybb.ru/viewtopic.php?id=47">Наша реклама</a>
<a href="http://stormfox.mybb.ru/viewtopic.php?id=48#p73">Ваша реклама</a>
<a href="http://stormfox.mybb.ru/viewtopic.php?id=50#p75">Баннерообмен</a>
<a href="http://stormfox.mybb.ru/viewtopic.php?id=49#p74">Заявка на партнерство</a>
</div>
<br>
<h3>Наш баннер:</h3>
<a href="http://stormfox.mybb.ru/" target=_blank><img src="http://i47.fastpic.ru/big/2013/0524/36/e3746cfb27daac2c26d60c726af97d36.gif" title="Л - значит Лиллисторм" border=0 width="88" height="31"></a>

</div>
</td>
</tr>
</table>
</center>

Отредактировано ahri (Вс, 27 Окт 2013 15:44:36)

0

951

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

Здравствуйте. Хотелось бы код, который при наведение курсора на авы админ. состава вылезало окошко с текстом.

Если видели аналог с подобным, дайте ссылку

0

952

Deff
http://murder.anihub.ru/

0

953

Всплывающие Описания при наведении на Ники - Админов -Модеров в объявлении

http://s7.uploads.ru/EVHZx.jpg

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

Здравствуйте. Хотелось бы код, который при наведение курсора на авы админ. состава вылезало окошко

В HTML верх (код ставим единожды на одну или несколько вставок)

<style>
div.ImgWrap{
position:relative;
display:inline-block;
padding:0;margin:0;
background-position:center center;
background-repeat:no-repeat;
}
.image.Down {
   background-color:#fff;
   width:170px;  /*Ширина всплывающего блока*/
   display:none;
   position:absolute;
   z-index:100;
   border:2px solid #000;
   left:50%;
   bottom:103%;
   padding:0;
   margin:0 0 0 -85px; /*Половина ширины*/
   box-shadow:13px 13px 13px #3B3B3B;
   border-radius:4px;
}
div.ImgWrap:hover > .image.Down{
   display:block;
}
</style>

Туда, где нужна картинка Админов

<div class=ImgWrap>
<pre class="image Down" align=center><img  src="http://i58.fastpic.ru/big/2013/1027/ba/97c786c8c92f3d5b2c921265664562ba.gif" width=100%/>
  <b>Рыцарь</b>
Cоздатель дизайна и
Тестовик.

</pre>
  <a href="ccылка на профиль" target="_blank"><img class="image UP" src="http://i58.fastpic.ru/big/2013/1027/ba/97c786c8c92f3d5b2c921265664562ba.gif"/></a>
</div>

Зеленым - Ваш текст

Отредактировано Deff (Вс, 27 Окт 2013 19:04:35)

0

954

Deff
спасибо! но немного не то.
Во-первых: http://i59.fastpic.ru/big/2013/1027/fa/ … 646afa.png
Во-вторых: хотелось бы чтобы окошко выглядело как-то так:
http://i57.fastpic.ru/big/2013/1027/78/ … c97878.jpg
вместо белого фона: фон картинкой, ну или цвет, ну это уже сама поставлю естественно.
Вот, я таки нашла хороший пример: http://superplus10.mybb.ru/

0

955

ahri
Поставьте как есть - дайте ссылку - я поправлю,
ко всему прочему - все параметры = регулируются
Для от низу => bottom:-6px;

Отредактировано Deff (Вс, 27 Окт 2013 20:17:49)

0

956

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

Вот, я таки нашла хороший пример: http://superplus10.mybb.ru/

В Html-верх:

Код:
<style>
.hover-blk {
 display:inline-block;
}
.hover-blk > .b {
 background-color:#C2D4E3;
 box-shadow:12px 12px 12px #000,-3px -3px 18px #000;
 //border:1px solid #7E90A2;
 display:none;
 position:absolute;
 height: 330px;
 padding:12px;
 text-align: center;
 width: 220px;
 margin-top:8px;
}
.hover-blk > .b img{
 margin-bottom:12px;
}
.hover-blk:hover .b {
 display:block;
}
</style>

Туда где хотите видеть картинку:

<div class="hover-blk">
<img src="ссылка на маленькую картинку" />
<div class="b">
<img src="ссылка на большую картинку" width=100% />
<br/>
Описание
</div></div>

Отредактировано Fover (Вс, 27 Окт 2013 20:20:09)

0

957

Fover
Deff
спасибо большое ^^

0

958

ahri

Для простоты, -текст отформатирован точно так же, как Вы и ввели, нужен перенос - делаете перенос строки

0

959

Эх.. не клеится у меня что-то с этими надписями.

После долгих изысканий все-таки вернулась к первоначальному варианту, подсказанному мне здесь же.
Подстроив под себя.

Код:
#pun-navlinks #navadmin{
 display:impine-block;
  overflow:hidden;
 max-width:120px;
 height:30px;
 margin-top:0px;
 right:302px;
 position:absolute;
}
#pun-navlinks {
 margin-top:-40px;
 left:-80px;
 font-size:15px;
 position:relative;
 font-weight:700!important;
 margin-bottom:20px;
}
#pun-navlinks ul{
 width:1000px;
}
#pun-navlinks{
}
#pun-navlinks #navregister{
 margin-left:138px;
}
#pun-navlinks #navlogin{
 margin-right:100px;
}
#pun-navlinks #navadmin{
   margin-left:-90px;
}
#pun-navlinks #navprofile {
  margin-left:158px;
}
#pun-navlinks li a:hover{
  font-weight:700!important;
  color:red;
}

#pun-ulinks {
 margin-left:-19px;
 position:absolute;
 margin-top:-110px;
 width:950px;
}
#pun-ulinks .container { 
 text-align:left;
}
#pun-ulinks .item3{
  margin-right:170px;
}
#pun-ulinks li a{
  font-weight:700!important;
  text-transform: uppercase;
  font-family:Tahoma;
  font-size:10px;
  color:#ddb284;  
}

#pun-ulinks li a:hover{
  font-weight:700!important;
  color:#7c421b;
}

В Хроме и в Мозилле все выглядит просто замечательно:
http://s6.uploads.ru/t/SKDgU.jpg

А вот в Опере у меня все перекособочилось:
http://s6.uploads.ru/t/0K4wi.jpg

В ИЕ немного лучше, но все равно криво:

http://s7.uploads.ru/t/F3zI5.jpg

Неужели никак нельзя подогнать подо все браузеры? Не давать же советы по использованию браузеров участникам? Или совсем нереально?

0

960

Танюшка1482
Может завтра гляну - указывайте ссылку на тестовик

0


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (50)