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

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


Вверх
Вниз

COLOR MATE

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

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


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


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

Сообщений 271 страница 300 из 1000

1

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

0

271

Джи
ставить в объявление или верх/низ? :з

0

272

рун
Куда нужно - туда и ставить) хоть в таблицу, хоть в форму ответа, хоть в шапку)

+1

273

Джи
спасибо с:

0

274

как сделать такую обводку текста как здесь http://burning.f-rpg.ru/viewtopic.php?id=4

0

275

be strong.

Код:
[table style="table-layout:fixed;width:100%"]
[tr]
[td bgcolor=#665445][size=18][b][font=Palatino Linotype][align=center]NEW ORLEANS[/align][/font][/b][/size][/td]
[/tr][tr]
[td bgcolor=#dad6cb]текст текст текст текст текст текст текст текст текст текст текст текст текст текст[/td][/tr][/table]

0

276

Доброго времени суток! Давно хотела узнать, но сколько ни ковырялась, сама к ответу так и не пришла: как поставить маленькую иконку перед названием темы на главной странице, как на этом форуме?

0

277

fire ember
.hasicon tr .tcr a {background-image: url(...); background-repeat: no-repeat; background-position: ХХХ; padding-left: ХХХpx; }
Значения и паддинг - на свои х)

Отредактировано Lyrium (20-01-2014 21:25:25)

+1

278

Lyrium
Большое спасибо! http://uploads.ru/i/m/s/z/msz46.gif

0

279

здравствуйте. "баловался" с скриптами, вставляя их на форум, и вдруг заметил вот такую вещь:

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

http://s9.uploads.ru/t/2hNKE.jpg

если убирать все из html-низа, то эта полоска уходит. если добавить хоть один скрипт, совершенно любой, появляется вновь.
я вообще дуб во всем этом, поэтому лучше спрошу у вас.

Отредактировано finckev (23-01-2014 17:44:52)

0

280

finckev
Синьте сюда хтмл-низ)

0

281

Код:
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>
<script type="text/javascript">
var div = document.getElementById('pun-main').getElementsByTagName('div');
for(x in div){
	if(div[x].className=='code-box'){
div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">Выделить код</a>';
	}
}
</script>
<script type="text/javascript">
function select_text(elem) {
	if(window.getSelection) {   
var s=window.getSelection();   
if(s.setBaseAndExtent){   
	s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);   
}
else {   
	var r=document.createRange();   
	r.selectNodeContents(elem);   
	s.removeAllRanges();   
	s.addRange(r);
}   
	}
	else if(document.getSelection){   
var s=document.getSelection();   
var r=document.createRange();   
r.selectNodeContents(elem);   
s.removeAllRanges();   
s.addRange(r);   
	}
	else if(document.selection){   
var r=document.body.createTextRange();   
r.moveToElementText(elem);   
r.select();
	}   
}
</script>
<script type="text/javascript">
PiarNik="Public Relations";
PiarPas="1234";
var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<li id=\"navpiar\"><span id=spMyimg><a onclick=\"PiarIn()\">   PR-вход</a></span></li>";
if($("#navlogin").html()!=null){
$("#navlogin").after(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script>
    <script type="text/javascript">
    var avalink = "https://forumupload.ru/uploads/0000/12/13/61-1.png";
    if(document.URL.indexOf("viewtopic.php")!=-1) {
    $("div.post-author").each(function(){
        if($(this).find("li.pa-avatar").html() == null ) $(this).find("li.pa-title").after("<li class='pa-avatar item2'><img src='" + avalink + "' title='" + $(this).find("li.pa-author a").text() + "' /></li>");
    });
    }
</script>

0

282

finckev
Можно добавить в стили вот это:

/* D8.3 */
#pun-about {
  margin: 0 -66px -0px -66px;
background: url(http://s4.uploads.ru/0Oqur.png) no-repeat top center;
width: 990px;
height: 123px;
  top: 10px;
  position: relative;

}

Отредактировано Джи (23-01-2014 11:38:31)

+1

283

Джи
спасибо огромное! все вышло. http://uploads.ru/i/m/s/z/msz46.gif

0

284

Ребят, кто подскажет, как можно перенести имя автора последнего поста (в четвёртой колонке на главной странице) на другую строчку?
Т.е. сейчас это выглядит вот так:

iv. запись в квесты
Вчера 15:57:05 - wicked is good

а мне нужно, чтобы было так:

iv. запись в квесты
Вчера 15:57:05
wicked is good

0

285

http://s9.uploads.ru/t/UWjCT.jpg
собственно, друзья мои
у меня статистика не хочет вставать ровно.а нет, теперь и все категории не хотят вставать ровно. беда =(

Код:
<script type="text/javascript"><!--Своя картинка в каждую категорию -->
$(document).ready(function(){
myarray=new Array(
"Первая", "http://s8.uploads.ru/eka7R.png",
"Вторая", "http://s9.uploads.ru/OsNlZ.png",
"Третья", "http://s8.uploads.ru/PU2vV.png",
"Четвертая", "http://s8.uploads.ru/5lSK9.png",
"Статистика форума", "http://s8.uploads.ru/3Uy5b.png"    //Последний элемент без запятой!  
)
        $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){
var cssObj = {
  "height":"200px",
  "background-color": "transparent",
  "background-image":"url("+myarray[q+1]+")",
  "background-position":"50% 50%",
  "background-repeat":"no-repeat"       //Последний элемент без запятой!
}
        if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
        q++}
    });
});
</script>

вот кусок кода, которым ставлю картинки
http://tochka.rusff.ru/

p.s. кстати, у меня почему-то везде криво очень стоит надпись в низу форума "Рейтинг форумов | Создать форум бесплатно © 2007–2014 «Quadro.Boards» LLC" что с этим сделать, как сделать ровно или вовсе убрать? о_о
спасибо, котики :3

0

286

anglosucks
Попробуйте вот так:

Код:
<script type="text/javascript"><!--Своя картинка в каждую категорию -->
$(document).ready(function(){
myarray=new Array(
"Первая", "http://s8.uploads.ru/eka7R.png",
"Вторая", "http://s9.uploads.ru/OsNlZ.png",
"Третья", "http://s8.uploads.ru/PU2vV.png",
"Четвертая", "http://s8.uploads.ru/5lSK9.png",
"Статистика форума", "http://s8.uploads.ru/3Uy5b.png"    //Последний элемент без запятой!  
)
        $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){
var cssObj = {
  "height":"200px",
  "width":"900px",
  "background-color": "transparent",
  "background-image":"url("+myarray[q+1]+")",
  "background-position":"-95% 50%",
  "background-repeat":"no-repeat"       //Последний элемент без запятой!
}
        if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
        q++}
    });
});
</script>

http://s3.uploads.ru/9tmYz.gif

Отредактировано Джи (25-01-2014 15:00:44)

+1

287

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

p.s. кстати, у меня почему-то везде криво очень стоит надпись в низу форума "Рейтинг форумов | Создать форум бесплатно © 2007–2014 «Quadro.Boards» LLC" что с этим сделать, как сделать ровно или вовсе убрать? о_о

Не заметила)
Убрать нельзя. Только за баллы/кредиты, в общем - за деньги.
Вот такое дело мешает:

#pun-about .container .item1 a {position: relative; left: -240px;}

+1

288

Джи
все! навели красоту! мои благодарности :3 http://uploads.ru/i/m/s/z/msz46.gif

0

289

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

скрин

http://s8.uploads.ru/mr1VB.jpg

Отредактировано каравай тм (04-08-2014 04:18:11)

0

290

всем вечера.
заранее извиняюсь, если пишу не туда
форумы, стоящие на платформе jcink просвещенные знают пользуются dohtml кодами и вытворяют такие невероятные вещи. и с тех самых пор, как кто-то из ролевиков перенес эту идею на mybb, полагаю, многие озадачились вопросом: как это делать? "это" - картинка в сообщении, наводишь на нее, получаешь какую-либо информацию. иными словами - возможность пользоваться в текстовых сообщениях html.
полвечера, ей-богу, убили с другом на то, чтобы хоть что-то понять. и уже шарили по англоязычным сайтам (так, к слову, и узнали, что dohtml они просто-напросто сами включают в настройках форума), и пытались выведать великую тайну у тех, у кого на ролевых стоит подобное - все напрасно.   http://s5.uploads.ru/s9miF.png
мне бы хотелось узнать, что вообще за чудо-код и куда его нужно вставлять, чтобы вся эта магия вне хогвартса начинала работать?

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

что-то вроде такого
или такого

Отредактировано wynton (26-01-2014 00:36:02)

0

291

Доброго времени суток
помогите, как сделать вот так вот - http://acv.rusff.ru/viewtopic.php?id=2#p101
код хтмл в постах то мы нашли, но что писать в самом посте чтоб такое получить?

0

292

wynton
В HTML верх идёт однократная установка скрипта:
<script src="http://hostjs-mybb2011.narod.ru/js/transform_code_boxr.js"></script>
В HTML низ (желательно в Начало) cтавим скрипт-указатель на трансформируемый Пост
<script>a="http://testdef.0pk.ru/viewtopic.php?id=3#p61";
Transform_Code_Box_in_HTML (a)</script>
красным ссылка на сообщение, в котором вы используете хтмл

весь код в сообщении должен быть помещен в code

poulpe.
<script src="http://hostjs-mybb2011.narod.ru/js/transform_code_boxr.js"></script>
В HTML низ (желательно в Начало) cтавим скрипт-указатель на трансформируемый Пост
<script>a="http://testdef.0pk.ru/viewtopic.php?id=3#p61";
Transform_Code_Box_in_HTML (a)</script>
красным ссылка на сообщение, в котором вы используете хтмл

Отредактировано макинтош (26-01-2014 11:58:54)

+1

293

poulpe.
Доброго времени суток (:
Гугл в помощь - Как сделать, чтобы при наведении на картинку появлялся текст

wynton
Доброго времени суток (:

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

мне бы хотелось узнать, что вообще за чудо-код и куда его нужно вставлять, чтобы вся эта магия вне хогвартса начинала работать?

Работа HTML кодов в постах (MyBB) [Deff]

каравай тм
Доброго времени суток (:
Слишком широкий профиль для сообщений.
Добавьте в конец второго стиля вот это:

Код:
#pun-messages .post-author.online {
    max-width: 17em;
}

http://s3.uploads.ru/9tmYz.gif

+1

294

макинтош
Джи
спасибо огромное.

Отредактировано wynton (26-01-2014 12:30:45)

0

295

wynton
Простой html-код

Код:
<img src="ссылка alt="" />

http://s3.uploads.ru/9tmYz.gif

+1

296

Джи
да-да, только прям вот разобралась. бывает у меня с утра  http://s5.uploads.ru/sQnok.png
еще раз спасибо  http://fc09.deviantart.net/fs23/f/2007/330/c/2/_sun__by_Mrcrapinson.gif

0

297

макинтош написал(а):

<script src="http://hostjs-mybb2011.narod.ru/js/transform_code_boxr.js"></script>
В HTML низ (желательно в Начало) cтавим скрипт-указатель на трансформируемый Пост
<script>a="http://testdef.0pk.ru/viewtopic.php?id=3#p61";
Transform_Code_Box_in_HTML (a)</script>
красным ссылка на сообщение, в котором вы используете хтмл

спасибо, но это как раз мы нашли, а что писать в посте самом?

0

298

poulpe.
Посмотрел.

верх
Код:
<style>.img-wrap{
height: 600px;
overflow:hidden;
position:relative;
width:500px;}
.img-overlay{
background-color:#f2efde;
bottom:0;
color:#999999;
opacity:0;
filter: alpha(opacity = 0);
position:absolute;
width:100%;
z-index:1000;}
.img-overlay h4, .img-overlay p{
padding:0 10px;}
.img-wrap:hover .img-overlay{
opacity:0.95;
filter: alpha(opacity = 95);
transition:opacity 0.25s;
-moz-transition:opacity 0.25s;
-webkit-transition:opacity 0.25s;}</style>
Пост

Пример - Ссылка

Отредактировано Джи (26-01-2014 14:54:55)

+1

299

Джи
http://s5.uploads.ru/2Ig7n.png огроооомнейшее спасииииииииибо))

Отредактировано poulpe. (26-01-2014 16:35:01)

0

300

как же это глупо, но я уже не знаю, куда бежать и кого просить помочь... подскажите, как менять шрифт форума? вот вообще шрифт всея форума. это же надо смотреть в A3?

0


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