24/08/15 Открыта запись на обучение вёрстки для майбба - ссылка на тему

Избранные уроки Photoshop


Вверх
Вниз

COLOR MATE

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

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


Вы здесь » COLOR MATE » Вопросы CSS|JS » Вопросы по CSS vol. 2 ‡Обязательно оставляйте ссылку на форум!


Вопросы по CSS vol. 2 ‡Обязательно оставляйте ссылку на форум!

Сообщений 871 страница 900 из 1000

1

Все ваши вопросы относительно внешнего вида форума.
Не забываем оставлять ссылку на форум с проблемой!

0

871

Я знаю, что этот вопрос уже неоднократно задавался, но я не могу найти, как делать подобную фишку, помогите, пожалуйста http://e.deviantart.net/emoticons/s/stupidme2.gif

тык

http://funkyimg.com/i/JMru.png

И подскажите, как оформить профиль рамочкой?

+1

872

pandora hearts
Доброго

pandora hearts написал(а):

как делать подобную фишку

Обернуть описание в div и прописать стили:

<div id="my_style">
    описание форума
</div>

#my_style{
   ...
}

pandora hearts написал(а):

И подскажите, как оформить профиль рамочкой?

/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
  background:url(http://s5.uploads.ru/XhMmc.png) 0 0 repeat-y; /*Фон размножаемый по вертикали*/
  overflow: visible!important;
  margin:12px 0!important;
}
.punbb .post .post-author > ul {
  background:url(http://s4.uploads.ru/bE3dQ.png) 0 top no-repeat,url(http://s5.uploads.ru/LHcVs.png) 0 bottom no-repeat; /*Фон верха - низа*/
  margin:-12px 0 -12px 0!important;
  padding:12px 17px!important;
}

+1

873

Elder Sister
Доброго.
Вижу, Вы тут сидите сегодня весь день - решила ответить на вопрос http://funkyimg.com/u2/1479/250/71376004.png

/* A5.2 */
.punbb {
  margin-left:65px;
  position: top center;
  float: none;
  width: 998px;
  height: auto;
  }

#pun  .section {border-style: none; width: 764px; }

Зачеркнутое пусть горит в аду, а жирное подгоняем под нужную ширину. Хотя для статистики и вернего приветствия можно вообще удалить, по сути

0

874

Fly
Спасибо за ответ :з

0

875

Доброго времени суток!
Не подскажите, как можно увеличить размер картинки на теле форума, и при этом оставить "область написания текста" прежней?
Буду признательна
http://rosinka64.mybb.by

0

876

on-coo
Доброго
Заменяем-удаляем

/* A5.1 */
#pun {
  margin: 0px;
  position: relative;
  padding: 0 300px;
  width: 827px;

  margin: auto;
  }

/* A5.2 */
.punbb {
  float: center;
  width: 820px;
  margin-left: 70px;
  height: auto;
  }

+1

877

Fly, огромное спасибо! С телом все отлично, но теперь "срезалась" часть большой шапки. Ее обрез теперь просто увеличить в размерах надо?

0

878

on-coo
Не думаю, что это можно как-то по-другому сделать, поэтому вот:

#pun-title table {
border: none;
height: 0px;
width: 1730px;
height: 757px;
}

#pun-title table {
background-image: url(http://sd.uploads.ru/5AJRH.jpg); background-position: top center; background-repeat: no-repeat;
  border: none;
margin-left: -452px;
}

body {background-image: url("http://sd.uploads.ru/5AJRH.jpg"); background-position: top center; background-repeat: no-repeat;
background-color: transparent;
}

+1

879

Fly, ангел-спаситель
Огромная благодарность, все прекрасно встало на свои места :3

0

880

Доброго времени суток)
помогите, пожалуйста, разобраться, не знаю как объяснить но : порядок картинок, заменяющих название категорий, почему то поменялся, например :
первую категорию AMC office (админку) гостям не видно, но ее картинка-название появляется на месте Information ( которая для гостей первая )
то есть, названия не скрываются вместе с самой категорией, а идут по порядку
надеюсь, понятно объяснила ) заранее спасибо)
http://hanakurabu.rusff.ru

0

881

Akira_Tsu
Вы заменяете категории через цсс секлекторы наподобие #pun-category1.category h2.
Для вас (админ) первая категория - АМС, для гостей первая категория - другая, но в ЦСС указан фон для первой категории, независимо оттого, что вы подразумеваете под этим скрытую от гостей категорию. Заменяйте категории этим скриптом:
Очень удобная замена категорий

+1

882

morgan
Понятно, спасибо большое ))

0

883

Можно ли поменять цвет горизонтальной линии, к примеру на чёрный, в дополнительном поле?

И ещё вопрос 0.0
Как вставить в описание форума навигацию?

0

884

подскажите где допустила баг в надписях форум и так далее что они съехали 
http://newbatlle.mybb.ru

0

885

werty
помое му так  это  в верху над описанием

<div class="jaztuttemp"><div class="jaztuttempwords">
<p>

а  это внизупод описанием

<hr>
<center><a href=""><b>ГОСТЕВАЯ</b></a> | <a href=""><b>ПРАВИЛА</b></a> | <a href=""><b>СЮЖЕТ</b></a> | <a href="http://thehundred.rusff.ru/viewtopic.php?id=4"><b>FAQ</b></a> | <a href=""><b>ЛИЦА</b></a></center></p></div></div>

0

886

и еще люди подскожите помогите как можно такое оформление сделать http://acv.rusff.ru/viewtopic.php?id=2#p229 и куда его вставлять именно в хтл верх или в сам стиль

Отредактировано Gravity of Love (10-08-2014 15:56:44)

0

887

Gravity of Love
Спасибо, но я имела ввиду другое.(   
http://se.uploads.ru/t/X7ejg.png

Отредактировано werty (10-08-2014 16:35:12)

0

888

Gravity of Love написал(а):

подскажите где допустила баг в надписях форум и так далее что они съехали
http://newbatlle.mybb.ru

М?) Не вижу проблемы)

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

И ещё вопрос 0.0
Как вставить в описание форума навигацию?

Код:
<select onchange="javascript:window.location=this.options[this.selectedIndex].value;">
    	<option value="">Навигация ёпта</option>
    	<option value="ссыль на тему">Ага ага</option>
    	<option value="ссыль на тему">Да да да</option>
</select>

+2

889

morgan
Спасибо огромное *.*

0

890

morgan
я уже переписала код,в сам стиль его прописала вчера все выглядело так , и я использовала скрипт https://pp.vk.me/c618416/v618416547/12b15/GiG1qFT1_aI.jpg

0

891

доброго утра (:
Подскажите, пожалуйста, как можно убрать строку "активные темы, ответы" и так далее?
Или заменить их на свои картинки

0

892

on-coo
Скрипт замены на свои картинки

Код:
<script>
$("#pun-ulinks .item1 a").html('<img src="ссылка на картинку новые сообщения">'); // Новые сообщения
$("#pun-ulinks .item2 a").html('<img src="ссылка на картинку активные темы">'); // Активные темы
$("#pun-ulinks .item3 a").html('<img src="ссылка на картинку темы без ответов">'); // Темы без ответов
$("#pun-ulinks .item4 a").html('<img src="ссылка на картинку мои сообщения">'); // Мои сообщения
$("#pun-ulinks .item5 a").html('<img src="ссылка на картинку подписка">'); // Подписка
$("#pun-ulinks .item6 a").html('<img src="ссылка на картинку все прочитано">'); // Все прочитано
</script>

если совсем хотите убрать то в css вставляете

Код:
#pun-ulinks .container{display: none};

0

893

Emerson, большое спасибо :3

0

894

Снова я
Заменяла названия категорий на свои картинки, но почему то остались и текстовые значения. Как исправить? Заранее большое спасибо

0

895

on-coo

Код:
.category h2 span{
font-size: 0 !important;}

0

896

morgan, спасибо, получилось :3

0

897

Доброго дня :3 Подскажите, можно ли колонку. что посередине, чуть сдвинуть влево?

скрин

http://sf.uploads.ru/t/CODuz.png

код таблицы
Код:
<table>
<tbody><tr valign=top>
<td width="45%" align="center"><b>ЛУЧШИЙ ПОСТ</b>
<br><center> <style type="text/css">
.deb01{opacity:0;width: 180px; height:76px; transition-duration: 0.4s; -moz-transition-duration: 0.4s;-webkit-transition-duration: 0.4s;-o-transition-duration: 0.4s}

.deb01:hover {opacity:1}

.deb02 { width: 152px; height:40px; background-color: #f0e2bd; font-family: arial; font-size: 10px; text-align: justify; color: #282828; overflow:auto;letter-spacing: 1px;line-height: 100%;padding:13px;border-bottom: solid #180c04 5px;border-top:solid #180c04 5px;letter-spacing:1px;}
</style></center>

<center>

<div style="width: 180px; height:76px;background-image: url(http://sf.uploads.ru/SJk4V.png);">

<div class="deb01">
<div class="deb02">
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст ... <a href="http://tvdgrowing.rusff.ru/viewtopic.php?id=428#p58534">(читать дальше)</a>
</div></div></div>
</center>
</center></center>
<br><center><b>ПАРТНЁРЫ</b>
   <BR> тут</td>
<td width="15%" align="center"><b>КОНТАКТЫ</b>
<br><a href="http://alioth.mybb.ru/profile.php?id=2" title="гл.Администратор"><img src="http://sf.uploads.ru/vRkpG.png" border="0"></a>
<a href="ссылка" title="имя" "=""><img src="http://sc.uploads.ru/5d3ef.png" border="0"></a>
<br><a href="ссылка" title="имя"><img src="http://sc.uploads.ru/5d3ef.png" border="0"></a>
<a href="ссылка" title="имя"><img src="http://sc.uploads.ru/5d3ef.png" border="0"></a>
<a href="ссылка" title="имя"><img src="http://sc.uploads.ru/5d3ef.png" border="0"></a> 
<br>
<b>ТОПЫ</b>
<br>тут баннер
<br>
<b>НАВИГАЦИЯ</b>
<br><form id="qjump" method="get" action="viewforum.php">
<div><label>
<select name="id" onchange="window.location=('viewtopic.php?id='+this.options[this.selectedIndex].value)">
<option value="">Перейти</option>
<option value="4">Гостевая;</option>
<option value="3">Правила;</option>
<option value="5">О игре;</option>
<option value="12">Анкета;</option>
<option value="2">Занятые имена;</option>
<option value="58">Заполнение профиля.</option>
</select>
</label></div>
</form></td>
<td width="45%" align="center"><b>НОВОЕ</b>
<br><b>число</b> текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст ...
<br><br><center><b>АКТИВИСТЫ</b>
<br><a href="ссылка на профиль" title="имя игрока"><img src="http://sd.uploads.ru/nMf2w.png" border="0"></a>
<a href="ссылка на профиль" title="имя игрока"><img src="http://sd.uploads.ru/nMf2w.png" border="0"></a>
<a href="ссылка на профиль" title="имя игрока"><img src="http://sd.uploads.ru/nMf2w.png" border="0"></a>
<a href="ссылка на профиль" title="имя игрока"><img src="http://sd.uploads.ru/nMf2w.png" border="0"></a>
<a href="ссылка на профиль" title="имя игрока"><img src="http://sd.uploads.ru/nMf2w.png" border="0"></a></center>
</td>
</tr>
</tbody></table>

И помогите найти скрипт. Мне нужна дополнительная кнопка в форме ответа, где будет "мысли персонажа, речь и тд"(то есть, нажав к примеру на "мысли" появляется

Код:
[u] [/u]

) Видела что-то подобное, но не могу найти

Отредактировано werty (15-08-2014 13:40:32)

0

898

:unsure:

0

899

Доброго времени суток!)

Я тут с просьбами и вопросами, потому что я уже замучился...т--т И буду дико благодарен, если вы поможете))
http://doctornew.mybb.ru/ - ссылка на форум
И, собственно, в чем проблемы:
1. как уменьшить расстояние между категорией и самим подфорумом?

то, что почеркано красным

http://sd.uploads.ru/uM3j0.png

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

вот так должно

https://pp.vk.me/c618724/v618724249/1934e/3vBu_OuYS00.jpg

а у остальных он выглядит вот так:

вот так вот т--т

http://sd.uploads.ru/qOCFI.png

использовала этот код для установки шрифта:

код

<style type="text/css">
@font-face {
font-family: 'a_AvanteTitulInline';
src: url('http://proarch.ucoz.ru/a_AvanteTitulInline.eot?'),
url('http://proarch.ucoz.ru/a_AvanteTitulInline.woff') format('woff'),
url('http://proarch.ucoz.ru/a_AvanteTitulInline.otf') format('truetype'),
url('http://proarch.ucoz.ru/a_AvanteTitulInline.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}
</style>

Но как-то не получилось. Вот. Если сможете подсказать, реально ли вообще это исправить и сделать, я буду дико благодарен!))*_*

Отредактировано lavender cat (15-08-2014 12:56:37)

0

900

werty
Адрес форума)

lavender cat написал(а):

1. как уменьшить расстояние между категорией и самим подфорумом?

#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
    background-color: transparent;
    background-image: url('http://sd.uploads.ru/MDxS0.png');
    background-repeat: no-repeat;
    background-position: center top;
    color: #A73E9C;
    font-family: a_AvanteTitulInline;
    font-size: 30px;
    height: 89px;
    width: 831px;
    margin-top: 1px;
    margin-left: -44px;
    text-align: center;
    line-height: 200%;
}

Заменить на 59px

lavender cat написал(а):

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

Попробуйте это

Код:
@font-face {
font-family: 'a_AvanteTitulInline';
src: url('http://proarch.ucoz.ru/a_AvanteTitulInline.eot?'),
url('http://proarch.ucoz.ru/a_AvanteTitulInline.woff') format('woff'),
url('http://proarch.ucoz.ru/a_AvanteTitulInline.otf') format('truetype'),
url('http://proarch.ucoz.ru/a_AvanteTitulInline.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}

сохранить на http://proarch.ucoz.ru/ с расширением .css (к примеру, styles.css). Подгрузите в хтмл-верхе так:

Код:
<link rel="stylesheet" type="text/css" href="http://proarch.ucoz.ru/styles.css" />

Дело в том, что по крайней мере Мозилла требует, чтобы шрифты были загружены на тот же домен, на котором находится сайт. Т.е. в идеале у нас должна была бы быть возможность загружать шрифты в Администрирование - Файлы, но её, увы, нет. Дополнительно об этом можно почитать тут. Там есть инструкция)

+1


Вы здесь » COLOR MATE » Вопросы CSS|JS » Вопросы по CSS vol. 2 ‡Обязательно оставляйте ссылку на форум!