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

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

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


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


Общие вопросы от новичков (59)

Сообщений 41 страница 60 из 1001

1

Инструменты для поиска и редактирования стиля (скриптов).

Как с помощью браузера можно определить элемент дизайна.

Каталог скриптов/CSS

Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.

Типовые Вопросы (ЧаВо)

Ответы на часто задаваемые вопросы.

Как задавать вопросы! Разница между стилем и скриптом. ( Советы)

Плюс к названию темы еще и Памятка.

Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.

+2

41

Alex_63
да я же (чтоб меня) болею всякими анализаторами сайтов )))) они не любят кодировку виндовс ))) мне-то не за чем ))) просто крестик ошибки мне не нравится  :D хороший, блин, аргумент  :D  не, ну ведь всяко лучше, когда везде по стандарту кракозябры не выскакивают )) да и принимается во всех браузерах скрипты и прочие навороты. как-то были просто ошибки и вылезали вопросики. сейчас этого нет, но лучше перестраховать форумы от неожиданных моментов, поисковиками и всякими анализаторами лучше воспринимается.

0

42

kleo3333
Ну как-то так:

Код:
<table style="table-layout:fixed;width:100%" id="tableMy">
    <tbody>
        <tr>
            <td style="background-color:#000000;width:1.4%"></td>
            <td style="background-color:#000000;width:45%">
                <p><span style="font-size: 20px"><span style="color: #CCCCCC">Rappers Against Racism - The Message </span>Vol. 02</span>
                </p>
            </td>
            <td style="background-color:#000000;width:6%"></td>
            <td style="background-color:#000000;width:37%"></td>
        </tr>
        <tr>
            <td style="background-color:#000000"></td>
            <td style="background-color:#171725">
<p></p>
<div style="float:left">
<div class="ImgWrap">
        <img class="image UP" src="http://i59.fastpic.ru/big/2015/0204/da/7a12b494532a58e8836d339ba9f114da.jpg" width="400" height="340">
        <img class="image Down" src="http://s6.uploads.ru/n3KbA.jpg" width="400" height="340">
</div>
<br>
<pre>
<span style="height:35px">
<a href="http://jpg.bbmy.ru/click.php?http://mex.su/rTSY6" target="_blank" style="float:left"><img class="postimg" src="http://s6.uploads.ru/Fx4EP.png"></a><a href="http://jpg.bbmy.ru/click.php?http://mex.su/yaLcG" target="_blank" style="float:right"><img class="postimg" src="http://s6.uploads.ru/HMPGv.png"></a>
</span>
</div>


<p style="margin-left:420px">     <span style="font-family: Century Gothic"><span style="color: #CCCCCC"><span style="font-size: 15px">01.  How Life<span style="float: right;">05:03</span></span>
    </span>
    <br><span style="font-size: 13px">       Black Rob, D. Nell, Fel, Earl Hayes</span></span>
    <br><span style="font-family: Century Gothic"><span style="color: #CCCCCC"><span style="font-size: 15px">02.  Pandemonium<span style="float: right;">03:26</span></span>
    </span>
    <br><span style="font-size: 13px">       Keak Da Sneak, San Quinn, Agerman, RBL</span></span>
    <br><span style="font-family: Century Gothic"><span style="color: #CCCCCC"><span style="font-size: 15px">03.  Riders Ride<span style="float: right;">04:56</span></span>
    </span>
    <br><span style="font-size: 13px">       Noreaga, Capone &amp; Lil Big</span></span>
    <br><span style="font-family: Century Gothic"><span style="color: #CCCCCC"><span style="font-size: 15px">04.  My Life<span style="float: right;">04:22</span></span>
    </span>
    <br><span style="font-size: 13px">       K-Ci &amp; JoJo, Kali's Finest</span></span>
    <br><span style="font-family: Century Gothic"><span style="color: #CCCCCC"><span style="font-size: 15px">05.  Living In The Ghetto<span style="float: right;">03:40</span></span>
    </span>
    <br><span style="font-size: 13px">       Down Low</span></span>
    <br><span style="font-family: Century Gothic"><span style="color: #CCCCCC"><span style="font-size: 15px">06.  Gonna Hurt Somebody<span style="float: right;">04:28</span></span>
    </span>
    <br><span style="font-size: 13px">       Daz Dillinger</span></span>
    <br><span style="font-family: Century Gothic"><span style="color: #CCCCCC"><span style="font-size: 15px">07.  Whut Do You Mean?<span style="float: right;">04:17</span></span>
    </span>
    <br><span style="font-size: 13px">       Kurupt &amp; Twice</span></span>
    <br><span style="font-family: Century Gothic"><span style="color: #CCCCCC"><span style="font-size: 15px">08.  Rockin Dis<span style="float: right;">03:09</span></span>
    </span>
    <br><span style="font-size: 13px">       Trooper Da Don feat. Miss T.</span></span>
    <br><span style="font-family: Century Gothic"><span style="color: #CCCCCC"><span style="font-size: 15px">09.  Step On By<span style="float: right;">05:16</span></span>
    </span>
    <br><span style="font-size: 13px">       Dr. Dre, King T &amp; Crystal</span></span>
    <br><span style="font-family: Century Gothic"><span style="color: #CCCCCC"><span style="font-size: 15px">10.  Nuthin Has Changed<span style="float: right;">03:40</span></span>
    </span>
    <br><span style="font-size: 13px">       Tray D, King T &amp; Kool'G Rap</span></span>
    <br><span style="font-family: Century Gothic"><span style="color: #CCCCCC"><span style="font-size: 15px">11.  Live It Up<span style="float: right;">04:24</span></span>
    </span>
    <br><span style="font-size: 13px">       2 Pac, Outlawz</span></span>
    <br><span style="font-family: Century Gothic"><span style="color: #CCCCCC"><span style="font-size: 15px">12.  Bone Thugz vs. Da Yea Area<span style="float: right;">00:59</span></span>
    </span>
    <br><span style="font-size: 13px">       Bone Thugz vs. Da Yea Area</span></span>
    <br><span style="font-family: Century Gothic"><span style="color: #CCCCCC"><span style="font-size: 15px">13.  Welcome To Heartlight<span style="float: right;">03:15</span></span>
    </span>
    <br><span style="font-size: 13px">       Big C. vs Ayleen D.</span></span>
    <br><span style="font-family: Century Gothic"><span style="color: #CCCCCC"><span style="font-size: 15px">14.  We All About<span style="float: right;">03:41</span></span>
    </span>
    <br><span style="font-size: 13px">       Lil' Kim &amp; Dirty Dave</span></span>
</p>
</pre>
                <br>
                <br>
                <p></p>
            </td>
            <td style="background-color:#171725"></td>
            <td style="background-color:#171725">
            </td>
        </tr>
        <tr>
            <td style="background-color:#000000"></td>
            <td style="background-color:#171725">
                <p>Label: K-Town Records (2003)
                    <br>
                    <br>

                </p>
            </td>
            <td style="background-color:#171725"></td>
            <td style="background-color:#171725"></td>
        </tr>
    </tbody>
</table>

(*Для уменьшения на меньшем разрешении экрана - ставим на страницу такой код

<style type="text/css">
@media (max-width:800px) { /*макс.ширина экрана*/
.ImgWrap > img {
  max-width:300px; /*ширина блока с картинкой*/
  height:auto;
}
}
</style>

Красное - регулируем,
Размножаем сколько нун для нужных разрешений

0

43

Tusich
:glasses: Ну а мну и Админу сервиса куча работы(там переделывать много и со стороны сервиса, и со стороны скриптов...
Как минимум все сервисные файлы(а их достаточно много) перезаливать в кодировке Utf-8, ну и скрипты с Аякс отправкой форм править под сериалайзер utf-8

0

44

Спасибо.

Отредактировано kleo3333 (Чт, 16 Фев 2017 08:52:23)

0

45

Alex_63
это всё понятно, куча ньюансов и работы, но зато форумы уже будут под стандарт, это лучше, чем вечно гле-нить править и подстраиваться с нестандартными кодировками под всё. Один раз перелопатили, зато потом не будет проблем с кракозябрами. Не я одна буду говорить спасибо )) Но и все пользователи. На руках будем носить ))) Кому-то как мне важно отображение в сети, а другой может привык с этой кодировкой работать и серьёзные вещи делать. Я ж ни наю тонкостей. Но скажут спасибо все :)

0

46

kleo3333
Вот так подойдет:

Код:
<style>
#tabOsnovnoy, #tabVtoroy {border:none !important;color:#CCCCCC;position:relative;padding-bottom:50px;}
#tabOsnovnoy {width:100%;min-height:500px;}
#tabOsnovnoy th {vertical-align:top;border:none !important;}
#tabOsnovnoy td {vertical-align:top;}
#tabVtoroy {width:96%;margin:0px !important;}
.cvet {width:2%;background-color:#000000 !important;}
.nazvanie1, .nazvanie2 {background-color:#000000 !important;font-size:20px !important;text-align:center;}
.nazvanie1, .skrin {width:30%;}
.nazvanie2, .pesni {width:68%;}
#tabVtoroy, .skrin, .pesni {background-color: #171725;}

#tabVtoroy tr {border: 1px solid #F8F8FF !important;}
#tabVtoroy td {border:none !important;}
.nomer {width:10%;font-size: 15px;font-family: Century Gothic;text-align:center;}
.text1 {width:40%;font-size: 15px;font-family: Century Gothic;}
.text2 {width:40%;font-size: 13px;font-family: Century Gothic;}
.vremya {width:10%;font-size: 15px;text-align:right;font-family: Century Gothic;padding-right:5px;}
.Label {bottom:10px;position:absolute;}
.image {display: block;max-width: 100%;}
.image.UP:hover {opacity: 0.00;}
.image.UP {
    opacity: 1.0;
    display: block;
    position: absolute;
    z-index: 100;
    transition-duration: 0.96s;
    -webkit-transition-duration: 0.96s;
    -moz-transition-duration: 0.96s;
    -o-transition-duration: 0.96s;
    -ms-transition-duration: 0.96s;
}
.image.UP, .image.Down {
    margin: 0;
    padding: 0;
}
div.ImgWrap {
    display: inline-block;
    padding: 0;
    margin: 0;
    background-position: center center;
    background-repeat: no-repeat;
}
</style>

<table id="tabOsnovnoy" cellpadding="0" cellspacing="0">
<tr>
<th class="cvet"></th>
<th class="nazvanie1">Rappers Against Racism - The Message</th>
<th class="nazvanie2">Vol. 02</th>
</tr>
<tr>
<td class="cvet"></td>
<td class="skrin">
<center>
<div class="ImgWrap">
<img class="image UP" src="http://i59.fastpic.ru/big/2015/0204/da/7a12b494532a58e8836d339ba9f114da.jpg">
<img class="image Down" src="http://s6.uploads.ru/n3KbA.jpg">
</div>
</center>
<br>
<span style="height:35px">
<a href="http://jpg.bbmy.ru/click.php?http://mex.su/rTSY6" target="_blank" style="float:left"><img class="postimg" src="http://s6.uploads.ru/Fx4EP.png"></a><a href="http://jpg.bbmy.ru/click.php?http://mex.su/yaLcG" target="_blank" style="float:right"><img class="postimg" src="http://s6.uploads.ru/HMPGv.png"></a>
</span>
<br>
<div class="Label">Label: K-Town Records (2003)</div>
<br><br>
</td>
<td class="pesni">
<center>
<table id="tabVtoroy"  cellpadding="0" cellspacing="0">
<tr>
<td class="nomer">01.</td>
<td class="text1">How Life</td>
<td class="text2">Black Rob, D. Nell, Fel, Earl Hayes</td>
<td class="vremya">05:03</td>
</tr>
<tr>
<td class="nomer">02.</td>
<td class="text1">Pandemonium</td>
<td class="text2">Keak Da Sneak, San Quinn, Agerman, RBL</td>
<td class="vremya">03:26</td>
</tr>
<tr>
<td class="nomer">03.</td>
<td class="text1">Riders Ride</td>
<td class="text2">Noreaga, Capone &amp; Lil Big </td>
<td class="vremya">04:56</td>
</tr>
<tr>
<td class="nomer">04.</td>
<td class="text1">My Life</td>
<td class="text2">K-Ci &amp; JoJo, Kali's Finest</td>
<td class="vremya">04:22</td>
</tr>
<tr>
<td class="nomer">05.</td>
<td class="text1">Living In The Ghetto</td>
<td class="text2">Down Low</td>
<td class="vremya">03:40</td>
</tr>
<tr>
<td class="nomer">06.</td>
<td class="text1">Gonna Hurt Somebody</td>
<td class="text2">Daz Dillinger</td>
<td class="vremya">04:28 </td>
</tr>
<tr>
<td class="nomer">07.</td>
<td class="text1">Whut Do You Mean?</td>
<td class="text2">Kurupt &amp; Twice</td>
<td class="vremya">04:17</td>
</tr>
<tr>
<td class="nomer">08.</td>
<td class="text1">Rockin Dis</td>
<td class="text2">Trooper Da Don feat. Miss T.</td>
<td class="vremya">03:09</td>
</tr>
<tr>
<td class="nomer">09.</td>
<td class="text1">Step On By</td>
<td class="text2">Dr. Dre, King T &amp; Crystal</td>
<td class="vremya">05:16</td>
</tr>
<tr>
<td class="nomer">10.</td>
<td class="text1">Nuthin Has Changed</td>
<td class="text2">Tray D, King T &amp; Kool'G Rap</td>
<td class="vremya">03:40</td>
</tr>
<tr>
<td class="nomer">11.</td>
<td class="text1">Live It Up</td>
<td class="text2">2 Pac, Outlawz</td>
<td class="vremya">04:24</td>
</tr>
<tr>
<td class="nomer">12.</td>
<td class="text1">Bone Thugz vs. Da Yea Area</td>
<td class="text2">Bone Thugz vs. Da Yea Area</td>
<td class="vremya">00:59</td>
</tr>
<tr>
<td class="nomer">13.</td>
<td class="text1">Welcome To Heartlight</td>
<td class="text2">Big C. vs Ayleen D.</td>
<td class="vremya">03:15</td>
</tr>
<tr>
<td class="nomer">14.</td>
<td class="text1">We All About</td>
<td class="text2">Lil' Kim &amp; Dirty Dave</td>
<td class="vremya">03:41</td>
</tr>
</table>
</center>
</td>
</tr>
</table>

Размеры шрифтов настраиваемые.. Единственное в таком виде картинка без бордюра и надо вторую картинку делать такого же размера как и первая картинка, а так будет подстраиваться под любой масштаб..

Отредактировано kolobdur74 (Ср, 15 Фев 2017 02:37:53)

+1

47

kleo3333
Вот это вариант вроде ближе к скрину, но код я усложнил:

Код:
<style>
#tabOsnovnoy, #tabVtoroy {border:none !important;color:#CCCCCC;position:relative;padding-bottom:50px;}
#tabOsnovnoy {width:100%;min-height:500px;}
#tabOsnovnoy th {vertical-align:top;border:none !important;}
#tabOsnovnoy td {vertical-align:top;}
#tabVtoroy {width:96%;margin:0px !important;}
.cvet {width:2%;background-color:#000000 !important;}
.nazvanie1, .nazvanie2 {background-color:#000000 !important;font-size:20px !important;text-align:center;}
.nazvanie1, .skrin {width:30%;}
.nazvanie2, .pesni {width:68%;}
#tabVtoroy, .skrin, .pesni {background-color: #171725;}
#tabVtoroy td {padding:0px;}
.nomer, .text1, .text2, .vremya {border-style:solid !important; border-color:#F8F8FF !important;}
.nomer {border-width: 1px 0px 1px 1px !important;width:10%;font-size: 15px;font-family: Century Gothic;text-align:center;}
.text1 {border-width: 1px 0px 1px 0px !important;width:40%;font-size: 15px;font-family: Century Gothic;}
.text2 {border-width: 1px 0px 1px 0px !important;width:40%;font-size: 13px;font-family: Century Gothic;}
.vremya {border-width: 1px 1px 1px 0px !important;width:10%;font-size: 15px;text-align:right;font-family: Century Gothic;text-align:center;}
.Label {bottom:10px;position:absolute;}
.image {display: block;max-width: 100%;}
.image.UP:hover {opacity: 0.00;}
.image.UP {
    opacity: 1.0;
    display: block;
    position: absolute;
    z-index: 100;
    transition-duration: 0.96s;
    -webkit-transition-duration: 0.96s;
    -moz-transition-duration: 0.96s;
    -o-transition-duration: 0.96s;
    -ms-transition-duration: 0.96s;
}
.image.UP, .image.Down {
    margin: 0;
    padding: 0;
}
div.ImgWrap {
    display: inline-block;
    padding: 0;
    margin: 0;
    background-position: center center;
    background-repeat: no-repeat;
}
.probel {border:none !important;height:2px;}
</style>

<table id="tabOsnovnoy" cellpadding="0" cellspacing="0">
<tr>
<th class="cvet"></th>
<th class="nazvanie1">Rappers Against Racism - The Message</th>
<th class="nazvanie2">Vol. 02</th>
</tr>
<tr>
<td class="cvet"></td>
<td class="skrin">
<center>
<div class="ImgWrap">
<img class="image UP" src="http://i59.fastpic.ru/big/2015/0204/da/7a12b494532a58e8836d339ba9f114da.jpg">
<img class="image Down" src="http://s6.uploads.ru/n3KbA.jpg">
</div>
</center>
<br>
<span style="height:35px">
<a href="http://jpg.bbmy.ru/click.php?http://mex.su/rTSY6" target="_blank" style="float:left"><img class="postimg" src="http://s6.uploads.ru/Fx4EP.png"></a><a href="http://jpg.bbmy.ru/click.php?http://mex.su/yaLcG" target="_blank" style="float:right"><img class="postimg" src="http://s6.uploads.ru/HMPGv.png"></a>
</span>
<br>
<div class="Label">Label: K-Town Records (2003)</div>
<br><br>
</td>
<td class="pesni">
<center>
<table id="tabVtoroy"  cellpadding="0" cellspacing="0">
<tr>
<td class="nomer">01.</td>
<td class="text1">How Life</td>
<td class="text2">Black Rob, D. Nell, Fel, Earl Hayes</td>
<td class="vremya">05:03</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">02.</td>
<td class="text1">Pandemonium</td>
<td class="text2">Keak Da Sneak, San Quinn, Agerman, RBL</td>
<td class="vremya">03:26</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">03.</td>
<td class="text1">Riders Ride</td>
<td class="text2">Noreaga, Capone &amp; Lil Big </td>
<td class="vremya">04:56</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">04.</td>
<td class="text1">My Life</td>
<td class="text2">K-Ci &amp; JoJo, Kali's Finest</td>
<td class="vremya">04:22</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">05.</td>
<td class="text1">Living In The Ghetto</td>
<td class="text2">Down Low</td>
<td class="vremya">03:40</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">06.</td>
<td class="text1">Gonna Hurt Somebody</td>
<td class="text2">Daz Dillinger</td>
<td class="vremya">04:28 </td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">07.</td>
<td class="text1">Whut Do You Mean?</td>
<td class="text2">Kurupt &amp; Twice</td>
<td class="vremya">04:17</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">08.</td>
<td class="text1">Rockin Dis</td>
<td class="text2">Trooper Da Don feat. Miss T.</td>
<td class="vremya">03:09</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">09.</td>
<td class="text1">Step On By</td>
<td class="text2">Dr. Dre, King T &amp; Crystal</td>
<td class="vremya">05:16</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">10.</td>
<td class="text1">Nuthin Has Changed</td>
<td class="text2">Tray D, King T &amp; Kool'G Rap</td>
<td class="vremya">03:40</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">11.</td>
<td class="text1">Live It Up</td>
<td class="text2">2 Pac, Outlawz</td>
<td class="vremya">04:24</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">12.</td>
<td class="text1">Bone Thugz vs. Da Yea Area</td>
<td class="text2">Bone Thugz vs. Da Yea Area</td>
<td class="vremya">00:59</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">13.</td>
<td class="text1">Welcome To Heartlight</td>
<td class="text2">Big C. vs Ayleen D.</td>
<td class="vremya">03:15</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">14.</td>
<td class="text1">We All About</td>
<td class="text2">Lil' Kim &amp; Dirty Dave</td>
<td class="vremya">03:41</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
</table>
</center>
</td>
</tr>
</table>

+2

48

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

но код я усложнил:

Очень удобно наоборот.
И почти то самое, что нужно.

Отредактировано kleo3333 (Чт, 16 Фев 2017 08:53:01)

0

49

возможно, это где-то было, но я не знаю как искать[взломанный сайт].
в форме редактирования сообщений у нас три набора смайликов. как грамотно удалить первый и третий (в котором в принципе ничего нет)? спасибо

0

50

Я уже писала. Повторюсь. При редактировании поста не загружаются картинки с компа. Можно ли это  исправить?

0

51

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

Вот это вариант вроде ближе к скрину, но код я усложнил:

:cool: Круть (Мну бы вряд ли так сваял

+1

52

прогресссссс написал(а):

Я уже писала. Повторюсь. При редактировании поста не загружаются картинки с компа. Можно ли это  исправить?

Я ни наю, пока не придумал, как править(ибо там из фрейма вытаскиваецо, события слетают - а при попытке инициализировать загрузчик по второму разу все ломаецо)

+1

53

kleo3333
Так подойдет:

Код:
<style>
#tabOsnovnoy, #tabVtoroy {border:none !important;color:#CCCCCC;position:relative;}
#tabOsnovnoy {width:100%;min-height:500px;}
#tabOsnovnoy th {vertical-align:top;border:none !important;}
#tabOsnovnoy td {vertical-align:top;}
.cvet, .skrin {border:none !important;}
#tabVtoroy {width:96%;margin:0px !important;}
.cvet {width:2%;background-color:#000000 !important;}
.nazvanie1, .nazvanie2 {background-color:#000000 !important;font-size:20px !important;text-align:center;}
.nazvanie1, .nazvanie2, .skrin, .pesni {width:98%;}
#tabVtoroy, .skrin, .pesni {background-color: #171725;}
#tabVtoroy td {padding:0px;}
.nomer, .text1, .text2, .vremya {border-style:solid !important; border-color:#F8F8FF !important;}
.nomer {border-width: 1px 0px 1px 1px !important;width:10%;font-size: 15px;font-family: Century Gothic;text-align:center;}
.text1 {border-width: 1px 0px 1px 0px !important;width:40%;font-size: 15px;font-family: Century Gothic;}
.text12 {font-size: 12px;}
.text2 {border-width: 1px 0px 1px 0px !important;width:40%;font-size: 13px;font-family: Century Gothic;}
.vremya {border-width: 1px 1px 1px 0px !important;width:10%;font-size: 15px;text-align:right;font-family: Century Gothic;text-align:center;}
.Label {bottom:10px;}
.image {display: block;max-width: 100%;}
.image.UP:hover {opacity: 0.00;}
.image.UP {
    opacity: 1.0;
    display: block;
    position: absolute;
    z-index: 100;
    transition-duration: 0.96s;
    -webkit-transition-duration: 0.96s;
    -moz-transition-duration: 0.96s;
    -o-transition-duration: 0.96s;
    -ms-transition-duration: 0.96s;
}
.image.UP, .image.Down {
    margin: 0;
    padding: 0;
}
div.ImgWrap {
    display: inline-block;
    padding: 0 0 0 10px;
    margin: 0;
    background-position: center center;
    background-repeat: no-repeat;
}
.probel {border:none !important;height:2px;}
</style>

<table id="tabOsnovnoy" cellpadding="0" cellspacing="0">
<tr>
<th class="cvet"></th>
<th class="nazvanie1">Rappers Against Racism - The Message</th>
</tr>
<tr>
<td class="cvet"></td>
<td class="skrin">
<div class="ImgWrap">
<img class="image UP" src="http://i59.fastpic.ru/big/2015/0204/da/7a12b494532a58e8836d339ba9f114da.jpg">
<img class="image Down" src="http://s6.uploads.ru/n3KbA.jpg">

<br>
<span style="height:35px">
<a href="http://jpg.bbmy.ru/click.php?http://mex.su/rTSY6" target="_blank"><img class="postimg" src="http://s6.uploads.ru/Fx4EP.png"></a><a href="http://jpg.bbmy.ru/click.php?http://mex.su/yaLcG" target="_blank" style="float:right;display: inline-block;"><img class="postimg" src="http://s6.uploads.ru/HMPGv.png"></a>
</span>
<br>
<div class="Label">Label: K-Town Records (2003)</div>
<br><br>
</div>
</td>
</tr>
<tr>
<th class="cvet"></th>
<th class="nazvanie2">Vol. 02</th>
</tr>
<tr>
<td class="cvet"></td>
<td class="pesni">
<center>
<table id="tabVtoroy"  cellpadding="0" cellspacing="0">
<tr>
<td class="nomer">01.</td>
<td class="text1">How Life
<div class="text12">Второй текст</div>
</td>
<td class="text2">Black Rob, D. Nell, Fel, Earl Hayes</td>
<td class="vremya">05:03</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">02.</td>
<td class="text1">Pandemonium
<div class="text12">Второй текст</div>
</td>
<td class="text2">Keak Da Sneak, San Quinn, Agerman, RBL</td>
<td class="vremya">03:26</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">03.</td>
<td class="text1">Riders Ride
<div class="text12">Второй текст</div>
</td>
<td class="text2">Noreaga, Capone &amp; Lil Big </td>
<td class="vremya">04:56</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">04.</td>
<td class="text1">My Life
<div class="text12">Второй текст</div>
</td>
<td class="text2">K-Ci &amp; JoJo, Kali's Finest</td>
<td class="vremya">04:22</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">05.</td>
<td class="text1">Living In The Ghetto
<div class="text12">Второй текст</div>
</td>
<td class="text2">Down Low</td>
<td class="vremya">03:40</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">06.</td>
<td class="text1">Gonna Hurt Somebody
<div class="text12">Второй текст</div>
</td>
<td class="text2">Daz Dillinger</td>
<td class="vremya">04:28 </td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">07.</td>
<td class="text1">Whut Do You Mean?
<div class="text12">Второй текст</div>
</td>
<td class="text2">Kurupt &amp; Twice</td>
<td class="vremya">04:17</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">08.</td>
<td class="text1">Rockin Dis
<div class="text12">Второй текст</div>
</td>
<td class="text2">Trooper Da Don feat. Miss T.</td>
<td class="vremya">03:09</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">09.</td>
<td class="text1">Step On By
<div class="text12">Второй текст</div>
</td>
<td class="text2">Dr. Dre, King T &amp; Crystal</td>
<td class="vremya">05:16</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">10.</td>
<td class="text1">Nuthin Has Changed
<div class="text12">Второй текст</div>
</td>
<td class="text2">Tray D, King T &amp; Kool'G Rap</td>
<td class="vremya">03:40</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">11.</td>
<td class="text1">Live It Up
<div class="text12">Второй текст</div>
</td>
<td class="text2">2 Pac, Outlawz</td>
<td class="vremya">04:24</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">12.</td>
<td class="text1">Bone Thugz vs. Da Yea Area
<div class="text12">Второй текст</div>
</td>
<td class="text2">Bone Thugz vs. Da Yea Area</td>
<td class="vremya">00:59</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">13.</td>
<td class="text1">Welcome To Heartlight
<div class="text12">Второй текст</div>
</td>
<td class="text2">Big C. vs Ayleen D.</td>
<td class="vremya">03:15</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">14.</td>
<td class="text1">We All About
<div class="text12">Второй текст</div>
</td>
<td class="text2">Lil' Kim &amp; Dirty Dave</td>
<td class="vremya">03:41</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
</table>
</center>
</td>
</tr>
</table>

Отредактировано kolobdur74 (Ср, 15 Фев 2017 13:46:04)

+1

54

swanwhite213  Замените код смайлов на такой

Код:
<script type="text/javascript">
var nabor2 = [
'http://savepic.net/396362.gif',
'http://savepic.net/454733.gif',
'http://savepic.net/430156.gif',
'http://savepic.net/431180.gif',
'http://savepic.net/420940.gif',
'http://savepic.net/425036.gif',
'http://savepic.net/421964.gif',
'http://savepic.net/408652.gif',

'http://wdesk.ru/_ph/83/2/962508884.gif',
'http://wdesk.ru/_ph/84/2/980233518.gif',
'http://fantasyflash.ru/smiles/kosichki/image/d77.gif',
'http://arcanumclub.ru/smiles/smile285.gif',
'http://s.rimg.info/76609ad7ca2d11817fa97bc5231b0965.gif',
'http://www.kolobok.us/smiles/big_standart/wink.gif',
'http://www.kolobok.us/smiles/madhouse/dash2.gif',
'http://arcanumclub.ru/smiles/smile59.gif',
'http://www.kolobok.us/smiles/big_standart/fool2.gif',
'http://www.kolobok.us/smiles/standart/blush2.gif',
'http://s02.radikal.ru/i175/1611/94/8690b9bb6236.gif',
'http://www.kolobok.us/smiles/big_standart/nyam2.gif',
'http://arcanumclub.ru/smiles/smile189.gif',
'http://www.kolobok.us/smiles/big_standart/mocking.gif',
'http://smayli.ru/data/smiles/smehs-79.gif',
'http://smayli.ru/data/smiles/smehs-241.gif',
'http://s19.rimg.info/cdb3f84874e6e716fb235bfc74ea2d5c.gif',
'http://www.rassvet-svaroga.ru/forum/images/smilies/angel.gif',
'http://www.kolobok.us/smiles/standart/boast.gif',
'http://www.kolobok.us/smiles/standart/i-m_so_happy.gif',
'http://arcanumclub.ru/smiles/medal.gif',
'http://arcanumclub.ru/smiles/smajlik-s-kubkom.gif',
'http://www.kolobok.us/smiles/standart/don-t_mention.gif',
'http://www.kolobok.us/smiles/big_he_and_she/girl_curtsey.gif',

'http://www.kolobok.us/smiles/artists/vishenka/l_daisy.gif',
'http://www.kolobok.us/smiles/he_and_she/give_rose.gif',
'http://www.kolobok.us/smiles/big_he_and_she/girl_in_love.gif',
'http://savepic.net/402506.gif',
'http://www.kolobok.us/smiles/artists/connie/connie_5.gif',
'http://www.kolobok.us/smiles/he_and_she/give_heart.gif',
'http://s19.rimg.info/3db000e87d5b262a0c48550a5a3618b0.gif',



'http://fantasyflash.ru/smiles/kosichki/image/d52.gif',
 
'http://www.kolobok.us/smiles/standart/thank_you.gif',
'http://s15.rimg.info/b51cd59d9f519de70f3f3d134b447b8b.gif',
'http://wdesk.ru/_ph/42/2/152727011.gif',

'http://www.kolobok.us/smiles/big_standart/acute.gif',
'http://www.kolobok.us/smiles/big_he_and_she/girl_nea.gif',
'http://www.kolobok.us/smiles/artists/snoozer/koo-koo.gif',
'http://www.kolobok.us/smiles/artists/laie/Laie_59.gif',
'http://www.kolobok.us/smiles/big_standart/stop.gif',
'http://www.kolobok.us/smiles/big_standart/secret.gif',

'http://s8.rimg.info/ea24dd6eea2007d30d92917a3c964384.gif',
'http://s20.rimg.info/797eba8432e27717d13bd3a8e3929878.gif',
'http://fantasyflash.ru/smiles/kosichki/image/d35.gif',
'http://www.kolobok.us/smiles/big_standart/cray.gif',
'http://www.rassvet-svaroga.ru/forum/images/smilies/upset.gif',
'http://www.kolobok.us/smiles/big_standart/sorry.gif',
'http://www.kolobok.us/smiles/icq/scratch_one-s_head.gif',
'http://wdesk.ru/_ph/56/2/668278219.gif',
'http://www.kolobok.us/smiles/standart/facepalm.gif',
'http://s20.rimg.info/f59ac6e5e80f13094072259272e3be2a.gif',
'http://www.kolobok.us/smiles/big_he_and_she/girl_impossible.gif',
'http://www.kolobok.us/smiles/big_standart/shok.gif',
'http://www.kolobok.us/smiles/standart/swoon.gif',
'http://wdesk.ru/_ph/48/2/789686276.gif',
'http://www.kolobok.us/smiles/big_he_and_she/girl_wacko.gif',
'http://www.kolobok.us/smiles/big_madhouse/wacko3.gif',
'http://www.kolobok.us/smiles/he_and_she/girl_sigh.gif',

'http://s17.rimg.info/0307279be460b6326fa604f62191b60b.gif',

'http://www.kolobok.us/smiles/big_standart/boredom.gif',
'http://i.smiles2k.net/aiwan_smiles/lazy3.gif',
'http://wdesk.ru/_ph/31/2/636557924.gif',
'http://www.kolobok.us/smiles/standart/dance4.gif',
'http://www.kolobok.us/smiles/standart/yahoo.gif',
'http://www.kolobok.us/smiles/artists/just_cuz/JC_goody.gif',
'http://fantasyflash.ru/smiles/kosichki/image/d50.gif',
'http://www.kolobok.us/smiles/rpg/king2.gif',
'http://www.kolobok.us/smiles/rpg/butcher.gif',
'http://www.kolobok.us/smiles/user/kez_12.gif',

'http://arcanumclub.ru/smiles/smile390.gif',
'http://www.kolobok.us/smiles/big_standart/flag_of_truce.gif',

'http://www.kolobok.us/smiles/artists/just_cuz/JC_hourglass.gif',
'http://s17.rimg.info/dbb602209ab78fd73f50869c83e6b554.gif',
'http://s13.rimg.info/aaccfc6298aed66213e6918e44357e38.gif',
'http://www.kolobok.us/smiles/he_and_she/girl_witch.gif',
'http://www.kolobok.us/smiles/big_standart/help.gif',
'http://s17.rimg.info/5e5533ce77c045b8e31eb153e9ca9fde.gif',
'http://s13.rimg.info/685c2b2f92445bfae8b2594b6c93b053.gif',

'http://s14.rimg.info/3044734d3f4c2d31224a34ba0ce738f6.gif',

'http://s16.rimg.info/160d61d6fbf10e4311b4a55b1e90d0b2.gif',
'http://s14.rimg.info/a45727adf064706880508353d90d1797.gif',
'http://www.kolobok.us/smiles/artists/laie/Laie_27.gif',
'http://s17.rimg.info/a03fcfbc0c159022c89b9a24057cc825.gif',
'http://www.kolobok.us/smiles/artists/vishenka/l_bubble.gif',
'http://www.kolobok.us/smiles/he_and_she/spruce_up.gif',
'http://s19.rimg.info/ee1f28577de31b1b7ae7d552bb327dc4.gif',

'http://www.kolobok.us/smiles/he_and_she/girl_dance.gif',
'http://www.kolobok.us/smiles/artists/laie/Laie_48.gif',
'http://i.smiles2k.net/aiwan_smiles/dance.gif',
'http://savepic.net/393292.gif',
'http://www.kolobok.us/smiles/user/unknown_singer.gif',
'http://www.kolobok.us/smiles/artists/connie/connie_24.gif',

'http://www.kolobok.us/smiles/artists/just_cuz/JC_ThankYou.gif',
'http://www.kolobok.us/smiles/user/KidRock_06.gif',
'http://i019.radikal.ru/0802/f3/d401bcb531b6.gif',
'http://www.kolobok.us/smiles/artists/just_cuz/JC_thinking.gif',
'http://www.kolobok.us/smiles/artists/vishenka/d_canon.gif',

'http://arcanumclub.ru/smiles/smile218.gif',
'http://www.kolobok.us/smiles/big_standart/bye.gif',
'http://s19.rimg.info/336545e2eff8e223d95f47e6811dca22.gif',
'http://www.kolobok.us/smiles/artists/laie/LaieA_048.gif',
'http://arcanumclub.ru/smiles/smile16.gif',
'http://fantasyflash.ru/smiles/kosichki/image/d34.gif',
'http://www.kolobok.us/smiles/artists/connie/connie_witchy.gif',
'http://arcanumclub.ru/smiles/smile445.gif',
'http://s14.rimg.info/6c4d53dee859282933b5efb938614ab3.gif',
'http://arcanumclub.ru/smiles/smile323.gif',


'http://fantasyflash.ru/smiles/kosichki/image/d7.gif',
'http://fantasyflash.ru/smiles/kosichki/image/d64.gif',

'http://s17.rimg.info/c1b837a421da7b98a45ede9a1e4cd5bb.gif',
'http://fantasyflash.ru/smiles/kosichki/image/d36.gif',
'http://funportal.info/smiles/smile184.gif',
'http://www.kolobok.us/smiles/artists/connie/connie_waterbonsai.gif',
'http://www.kolobok.us/smiles/madhouse/girl_hospital.gif',
'http://www.kolobok.us/smiles/user/Vala_25.gif',


'http://www.kolobok.us/smiles/artists/connie/connie_21.gif',
'http://www.kolobok.us/smiles/artists/vishenka/d_sweet.gif',
'http://arcanumclub.ru/smiles/smile274.gif',
'http://www.kolobok.us/smiles/artists/snoozer/coffee.gif',
'http://s19.rimg.info/45fd8cf6f7ac06e4036f5fc06384b422.gif',
'http://wdesk.ru/_ph/6/2/20775002.gif',
'http://www.kolobok.us/smiles/artists/vishenka/d_coffee.gif',


'http://www.kolobok.us/smiles/big_standart/drinks.gif',
'http://www.kolobok.us/smiles/standart/punish.gif',
'http://www.kolobok.us/smiles/big_standart/praising.gif',
'http://smayli.ru/data/smiles/obyatiya-82.gif',
'http://www.kolobok.us/smiles/artists/vishenka/l_hug.gif',
'http://www.kolobok.us/smiles/artists/laie/Laie_91B.gif',
'http://www.kolobok.us/smiles/artists/just_cuz/JC_Hi5.gif',
'http://www.kolobok.us/smiles/standart/friends.gif',
'http://yoursmileys.ru/csmile/friend/c0417.gif',
'http://s18.rimg.info/0abcdf9a261d6c793705354f6912c7d2.gif',
'http://arcanumclub.ru/smiles/smile200.gif',
'http://www.kolobok.us/smiles/artists/phil/phil_39.gif',
'http://s15.rimg.info/8721ec33bbed1d6ee99887f9d39a8115.gif',
'http://s.rimg.info/3d251fbbb0a9073a582b07e19455a449.gif',
'http://liubavyshka.ru/_ph/46/2/328877199.gif',
'http://fantasyflash.ru/smiles/kosichki/image/d42.gif', 
'http://s4.rimg.info/738682442f9adf32d2493fb4f60755b0.gif',
'http://s18.rimg.info/0897fd914c9f2d36b8810966afa810ed.gif',
'http://s4.rimg.info/2c9f0a3951a0aa54245ac240178b7ed8.gif',
'http://s4.rimg.info/7fc00362a47d13d589af8c56cb462179.gif',
'http://s18.rimg.info/97f224935bda2186615d6e000918dfb0.gif',
'http://s18.rimg.info/47bc4fc123d201b7dff19ebd52ce66e2.gif',
'http://yoursmileys.ru/tsmile/nypresent/t129049.gif',
'http://s20.rimg.info/751ef1739949b4f2025aae407816da08.gif',
'http://s19.rimg.info/9a208e31af2642b08bf3fc59118d3831.gif',
'http://s18.rimg.info/d3fe0e66fa13a17a65f13551fc265dd4.gif',
'http://s4.rimg.info/f556d3d1ac48fd347dcfd067b9c7898c.gif',
'http://www.kolobok.us/smiles/artists/just_cuz/JC_handshake.gif', 
'http://wdesk.ru/_ph/23/2/214159000.gif',
'http://wdesk.ru/_ph/23/2/897419165.gif',
'http://wdesk.ru/_ph/79/2/599990139.gif',
'http://s20.rimg.info/28e7aeb7be373f409109ca9bb1340d98.gif'

];
 
$(document).ready(function() {
$('#smilies-block').replaceWith("");
$('#smilies-area').prepend('<div id="wrapper"><div class="t2" style="display:block"></div></div>');
$.each(nabor2, function(i) {
$('div.t2').append('<img src="'+nabor2[i]+'" onclick=smile(\'[img]'+nabor2[i]+'[/img]\') />');
});});
</script>

+1

55

отлично! http://wdesk.ru/_ph/83/2/962508884.gif

0

56

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

Так подойдет:

это ещё лучше того, что я имел ввиду.
Класс! Спасибо большое.  :jumping:

Отредактировано kleo3333 (Чт, 16 Фев 2017 08:53:42)

0

57

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

Единственное. Теперь только надо сделать и фото по середине, а не слева. Прямо под заголовком Rappers Against Racism - The Message

Вот так?

Код:
<style>
#tabOsnovnoy, #tabVtoroy {border:none !important;color:#CCCCCC;position:relative;}
#tabOsnovnoy {width:100%;min-height:500px;}
#tabOsnovnoy th {vertical-align:top;border:none !important;}
#tabOsnovnoy td {vertical-align:top;}
.cvet, .skrin {border:none !important;}
#tabVtoroy {width:96%;margin:0px !important;}
.cvet {width:2%;background-color:#000000 !important;}
.cvet, .nazvanie1, .nazvanie2 {background-image:none !important;}
.nazvanie1, .nazvanie2 {background-color:#000000 !important;font-size:20px !important;text-align:center;}
.nazvanie1, .nazvanie2, .skrin, .pesni {width:98%;}
#tabVtoroy, .skrin, .pesni {background-color: #171725;}
#tabVtoroy td {padding:0px;}
.nomer, .text1, .text2, .vremya {border-style:solid !important; border-color:#F8F8FF !important;}
.nomer {border-width: 1px 0px 1px 1px !important;width:10%;font-size: 15px;font-family: Century Gothic;text-align:center;}
.text1 {border-width: 1px 0px 1px 0px !important;width:40%;font-size: 15px;font-family: Century Gothic;}
.text12 {font-size: 12px;}
.text2 {border-width: 1px 0px 1px 0px !important;width:40%;font-size: 13px;font-family: Century Gothic;}
.vremya {border-width: 1px 1px 1px 0px !important;width:10%;font-size: 15px;text-align:right;font-family: Century Gothic;text-align:center;}
.Label {bottom:10px;}
.image {display: block;max-width: 100%;}
.image.UP:hover {opacity: 0.00;}
.image.UP {
    opacity: 1.0;
    display: block;
    position: absolute;
    z-index: 100;
    transition-duration: 0.96s;
    -webkit-transition-duration: 0.96s;
    -moz-transition-duration: 0.96s;
    -o-transition-duration: 0.96s;
    -ms-transition-duration: 0.96s;
}
.image.UP, .image.Down {
    margin: 0;
    padding: 0;
}
div.ImgWrap {
    text-align:left;
	display: inline-block;
    padding: 0px;
    margin: 0;
    background-position: center center;
    background-repeat: no-repeat;
}
.probel {border:none !important;height:2px;}
</style>

<table id="tabOsnovnoy" cellpadding="0" cellspacing="0">
<tr>
<th class="cvet"></th>
<th class="nazvanie1">Rappers Against Racism - The Message</th>
</tr>
<tr>
<td class="cvet"></td>
<td class="skrin">
<center>
<div class="ImgWrap">
<img class="image UP" src="http://i59.fastpic.ru/big/2015/0204/da/7a12b494532a58e8836d339ba9f114da.jpg">
<img class="image Down" src="http://s6.uploads.ru/n3KbA.jpg">

<br>
<span style="height:35px">
<a href="http://jpg.bbmy.ru/click.php?http://mex.su/rTSY6" target="_blank"><img class="postimg" src="http://s6.uploads.ru/Fx4EP.png"></a><a href="http://jpg.bbmy.ru/click.php?http://mex.su/yaLcG" target="_blank" style="float:right;display: inline-block;"><img class="postimg" src="http://s6.uploads.ru/HMPGv.png"></a>
</span>
<br>
<div class="Label">Label: K-Town Records (2003)</div>
<br><br>
</div>
</center>
</td>
</tr>
<tr>
<th class="cvet"></th>
<th class="nazvanie2">Vol. 02</th>
</tr>
<tr>
<td class="cvet"></td>
<td class="pesni">
<center>
<table id="tabVtoroy"  cellpadding="0" cellspacing="0">
<tr>
<td class="nomer">01.</td>
<td class="text1">How Life
<div class="text12">Второй текст</div>
</td>
<td class="text2">Black Rob, D. Nell, Fel, Earl Hayes</td>
<td class="vremya">05:03</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">02.</td>
<td class="text1">Pandemonium
<div class="text12">Второй текст</div>
</td>
<td class="text2">Keak Da Sneak, San Quinn, Agerman, RBL</td>
<td class="vremya">03:26</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">03.</td>
<td class="text1">Riders Ride
<div class="text12">Второй текст</div>
</td>
<td class="text2">Noreaga, Capone &amp; Lil Big </td>
<td class="vremya">04:56</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">04.</td>
<td class="text1">My Life
<div class="text12">Второй текст</div>
</td>
<td class="text2">K-Ci &amp; JoJo, Kali's Finest</td>
<td class="vremya">04:22</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">05.</td>
<td class="text1">Living In The Ghetto
<div class="text12">Второй текст</div>
</td>
<td class="text2">Down Low</td>
<td class="vremya">03:40</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">06.</td>
<td class="text1">Gonna Hurt Somebody
<div class="text12">Второй текст</div>
</td>
<td class="text2">Daz Dillinger</td>
<td class="vremya">04:28 </td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">07.</td>
<td class="text1">Whut Do You Mean?
<div class="text12">Второй текст</div>
</td>
<td class="text2">Kurupt &amp; Twice</td>
<td class="vremya">04:17</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">08.</td>
<td class="text1">Rockin Dis
<div class="text12">Второй текст</div>
</td>
<td class="text2">Trooper Da Don feat. Miss T.</td>
<td class="vremya">03:09</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">09.</td>
<td class="text1">Step On By
<div class="text12">Второй текст</div>
</td>
<td class="text2">Dr. Dre, King T &amp; Crystal</td>
<td class="vremya">05:16</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">10.</td>
<td class="text1">Nuthin Has Changed
<div class="text12">Второй текст</div>
</td>
<td class="text2">Tray D, King T &amp; Kool'G Rap</td>
<td class="vremya">03:40</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">11.</td>
<td class="text1">Live It Up
<div class="text12">Второй текст</div>
</td>
<td class="text2">2 Pac, Outlawz</td>
<td class="vremya">04:24</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">12.</td>
<td class="text1">Bone Thugz vs. Da Yea Area
<div class="text12">Второй текст</div>
</td>
<td class="text2">Bone Thugz vs. Da Yea Area</td>
<td class="vremya">00:59</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">13.</td>
<td class="text1">Welcome To Heartlight
<div class="text12">Второй текст</div>
</td>
<td class="text2">Big C. vs Ayleen D.</td>
<td class="vremya">03:15</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">14.</td>
<td class="text1">We All About
<div class="text12">Второй текст</div>
</td>
<td class="text2">Lil' Kim &amp; Dirty Dave</td>
<td class="vremya">03:41</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
</table>
</center>
</td>
</tr>
</table>

Поправил фон для названий под ваш диз..

+1

58

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

Ещё значки ebay и amazon слегка разнятся относительно друг друга. ebay ниже. Как бы выровнять их?

Поправил:

Код:
<style>
#tabOsnovnoy, #tabVtoroy {border:none !important;color:#CCCCCC;position:relative;}
#tabOsnovnoy {width:100%;min-height:500px;}
#tabOsnovnoy th {vertical-align:top;border:none !important;}
#tabOsnovnoy td {vertical-align:top;}
.cvet, .skrin {border:none !important;}
#tabVtoroy {width:96%;margin:0px !important;}
.cvet {width:2%;background-color:#000000 !important;}
.cvet, .nazvanie1, .nazvanie2 {background-image:none !important;}
.nazvanie1, .nazvanie2 {background-color:#000000 !important;font-size:20px !important;text-align:center;}
.nazvanie1, .nazvanie2, .skrin, .pesni {width:98%;}
#tabVtoroy, .skrin, .pesni {background-color: #171725;}
#tabVtoroy td {padding:0px;}
.nomer, .text1, .text2, .vremya {border-style:solid !important; border-color:#F8F8FF !important;}
.nomer {border-width: 1px 0px 1px 1px !important;width:10%;font-size: 15px;font-family: Century Gothic;text-align:center;}
.text1 {border-width: 1px 0px 1px 0px !important;width:40%;font-size: 15px;font-family: Century Gothic;}
.text12 {font-size: 12px;}
.text2 {border-width: 1px 0px 1px 0px !important;width:40%;font-size: 13px;font-family: Century Gothic;}
.vremya {border-width: 1px 1px 1px 0px !important;width:10%;font-size: 15px;text-align:right;font-family: Century Gothic;text-align:center;}
.Label {bottom:10px;}
.image {display: block;max-width: 100%;}
.image.UP:hover {opacity: 0.00;}
.image.UP {
    opacity: 1.0;
    display: block;
    position: absolute;
    z-index: 100;
    transition-duration: 0.96s;
    -webkit-transition-duration: 0.96s;
    -moz-transition-duration: 0.96s;
    -o-transition-duration: 0.96s;
    -ms-transition-duration: 0.96s;
}
.image.UP, .image.Down {
    margin: 0;
    padding: 0;
}
div.ImgWrap {
    text-align:left;
	display: inline-block;
    padding: 0px;
    margin: 0;
    background-position: center center;
    background-repeat: no-repeat;
}
.probel {border:none !important;height:2px;}
</style>

<table id="tabOsnovnoy" cellpadding="0" cellspacing="0">
<tr>
<th class="cvet"></th>
<th class="nazvanie1">Rappers Against Racism - The Message</th>
</tr>
<tr>
<td class="cvet"></td>
<td class="skrin">
<center>
<div class="ImgWrap">
<img class="image UP" src="http://i59.fastpic.ru/big/2015/0204/da/7a12b494532a58e8836d339ba9f114da.jpg">
<img class="image Down" src="http://s6.uploads.ru/n3KbA.jpg">

<br>
<span style="height:35px">
<a href="http://jpg.bbmy.ru/click.php?http://mex.su/rTSY6" target="_blank"><img class="postimg" style="margin-top:-6px;" src="http://s6.uploads.ru/Fx4EP.png"></a><a href="http://jpg.bbmy.ru/click.php?http://mex.su/yaLcG" target="_blank" style="float:right;display: inline-block;"><img class="postimg" src="http://s6.uploads.ru/HMPGv.png"></a>
</span>
<br>
<div class="Label">Label: K-Town Records (2003)</div>
<br><br>
</div>
</center>
</td>
</tr>
<tr>
<th class="cvet"></th>
<th class="nazvanie2">Vol. 02</th>
</tr>
<tr>
<td class="cvet"></td>
<td class="pesni">
<center>
<table id="tabVtoroy"  cellpadding="0" cellspacing="0">
<tr>
<td class="nomer">01.</td>
<td class="text1">How Life
<div class="text12">Второй текст</div>
</td>
<td class="text2">Black Rob, D. Nell, Fel, Earl Hayes</td>
<td class="vremya">05:03</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">02.</td>
<td class="text1">Pandemonium
<div class="text12">Второй текст</div>
</td>
<td class="text2">Keak Da Sneak, San Quinn, Agerman, RBL</td>
<td class="vremya">03:26</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">03.</td>
<td class="text1">Riders Ride
<div class="text12">Второй текст</div>
</td>
<td class="text2">Noreaga, Capone &amp; Lil Big </td>
<td class="vremya">04:56</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">04.</td>
<td class="text1">My Life
<div class="text12">Второй текст</div>
</td>
<td class="text2">K-Ci &amp; JoJo, Kali's Finest</td>
<td class="vremya">04:22</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">05.</td>
<td class="text1">Living In The Ghetto
<div class="text12">Второй текст</div>
</td>
<td class="text2">Down Low</td>
<td class="vremya">03:40</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">06.</td>
<td class="text1">Gonna Hurt Somebody
<div class="text12">Второй текст</div>
</td>
<td class="text2">Daz Dillinger</td>
<td class="vremya">04:28 </td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">07.</td>
<td class="text1">Whut Do You Mean?
<div class="text12">Второй текст</div>
</td>
<td class="text2">Kurupt &amp; Twice</td>
<td class="vremya">04:17</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">08.</td>
<td class="text1">Rockin Dis
<div class="text12">Второй текст</div>
</td>
<td class="text2">Trooper Da Don feat. Miss T.</td>
<td class="vremya">03:09</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">09.</td>
<td class="text1">Step On By
<div class="text12">Второй текст</div>
</td>
<td class="text2">Dr. Dre, King T &amp; Crystal</td>
<td class="vremya">05:16</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">10.</td>
<td class="text1">Nuthin Has Changed
<div class="text12">Второй текст</div>
</td>
<td class="text2">Tray D, King T &amp; Kool'G Rap</td>
<td class="vremya">03:40</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">11.</td>
<td class="text1">Live It Up
<div class="text12">Второй текст</div>
</td>
<td class="text2">2 Pac, Outlawz</td>
<td class="vremya">04:24</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">12.</td>
<td class="text1">Bone Thugz vs. Da Yea Area
<div class="text12">Второй текст</div>
</td>
<td class="text2">Bone Thugz vs. Da Yea Area</td>
<td class="vremya">00:59</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">13.</td>
<td class="text1">Welcome To Heartlight
<div class="text12">Второй текст</div>
</td>
<td class="text2">Big C. vs Ayleen D.</td>
<td class="vremya">03:15</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">14.</td>
<td class="text1">We All About
<div class="text12">Второй текст</div>
</td>
<td class="text2">Lil' Kim &amp; Dirty Dave</td>
<td class="vremya">03:41</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
</table>
</center>
</td>
</tr>
</table>

+1

59

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

Вот так?

Да круто. Ещё и значки поправили, хотя это оказалось из-за их разницы в размерах.

Отредактировано kleo3333 (Чт, 16 Фев 2017 08:54:12)

0

60

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

Всё тоже самое, но вернуть бы только этот кусочек диза обратно. Только эту полосу к последней правке

А, она наоборот нужна?)) Тогда так:

Код:
<style>
#tabOsnovnoy, #tabVtoroy {border:none !important;color:#CCCCCC;position:relative;}
#tabOsnovnoy {width:100%;min-height:500px;}
#tabOsnovnoy th {vertical-align:top;border:none !important;}
#tabOsnovnoy td {vertical-align:top;}
.cvet, .skrin {border:none !important;}
#tabVtoroy {width:96%;margin:0px !important;}
.cvet {width:2%;background-color:#000000 !important;}
.nazvanie1, .nazvanie2 {background-color:#000000 !important;font-size:20px !important;text-align:center;}
.nazvanie1, .nazvanie2, .skrin, .pesni {width:98%;}
#tabVtoroy, .skrin, .pesni {background-color: #171725;}
#tabVtoroy td {padding:0px;}
.nomer, .text1, .text2, .vremya {border-style:solid !important; border-color:#F8F8FF !important;}
.nomer {border-width: 1px 0px 1px 1px !important;width:10%;font-size: 15px;font-family: Century Gothic;text-align:center;}
.text1 {border-width: 1px 0px 1px 0px !important;width:40%;font-size: 15px;font-family: Century Gothic;}
.text12 {font-size: 12px;}
.text2 {border-width: 1px 0px 1px 0px !important;width:40%;font-size: 13px;font-family: Century Gothic;}
.vremya {border-width: 1px 1px 1px 0px !important;width:10%;font-size: 15px;text-align:right;font-family: Century Gothic;text-align:center;}
.Label {bottom:10px;}
.image {display: block;max-width: 100%;}
.image.UP:hover {opacity: 0.00;}
.image.UP {
    opacity: 1.0;
    display: block;
    position: absolute;
    z-index: 100;
    transition-duration: 0.96s;
    -webkit-transition-duration: 0.96s;
    -moz-transition-duration: 0.96s;
    -o-transition-duration: 0.96s;
    -ms-transition-duration: 0.96s;
}
.image.UP, .image.Down {
    margin: 0;
    padding: 0;
}
div.ImgWrap {
    text-align:left;
	display: inline-block;
    padding: 0px;
    margin: 0;
    background-position: center center;
    background-repeat: no-repeat;
}
.probel {border:none !important;height:2px;}
</style>

<table id="tabOsnovnoy" cellpadding="0" cellspacing="0">
<tr>
<th class="cvet"></th>
<th class="nazvanie1">Rappers Against Racism - The Message</th>
</tr>
<tr>
<td class="cvet"></td>
<td class="skrin">
<center>
<div class="ImgWrap">
<img class="image UP" src="http://i59.fastpic.ru/big/2015/0204/da/7a12b494532a58e8836d339ba9f114da.jpg">
<img class="image Down" src="http://s6.uploads.ru/n3KbA.jpg">

<br>
<span style="height:35px">
<a href="http://jpg.bbmy.ru/click.php?http://mex.su/rTSY6" target="_blank"><img class="postimg" style="margin-top:-6px;" src="http://s6.uploads.ru/Fx4EP.png"></a><a href="http://jpg.bbmy.ru/click.php?http://mex.su/yaLcG" target="_blank" style="float:right;display: inline-block;"><img class="postimg" src="http://s6.uploads.ru/HMPGv.png"></a>
</span>
<br>
<div class="Label">Label: K-Town Records (2003)</div>
<br><br>
</div>
</center>
</td>
</tr>
<tr>
<th class="cvet"></th>
<th class="nazvanie2">Vol. 02</th>
</tr>
<tr>
<td class="cvet"></td>
<td class="pesni">
<center>
<table id="tabVtoroy"  cellpadding="0" cellspacing="0">
<tr>
<td class="nomer">01.</td>
<td class="text1">How Life
<div class="text12">Второй текст</div>
</td>
<td class="text2">Black Rob, D. Nell, Fel, Earl Hayes</td>
<td class="vremya">05:03</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">02.</td>
<td class="text1">Pandemonium
<div class="text12">Второй текст</div>
</td>
<td class="text2">Keak Da Sneak, San Quinn, Agerman, RBL</td>
<td class="vremya">03:26</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">03.</td>
<td class="text1">Riders Ride
<div class="text12">Второй текст</div>
</td>
<td class="text2">Noreaga, Capone &amp; Lil Big </td>
<td class="vremya">04:56</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">04.</td>
<td class="text1">My Life
<div class="text12">Второй текст</div>
</td>
<td class="text2">K-Ci &amp; JoJo, Kali's Finest</td>
<td class="vremya">04:22</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">05.</td>
<td class="text1">Living In The Ghetto
<div class="text12">Второй текст</div>
</td>
<td class="text2">Down Low</td>
<td class="vremya">03:40</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">06.</td>
<td class="text1">Gonna Hurt Somebody
<div class="text12">Второй текст</div>
</td>
<td class="text2">Daz Dillinger</td>
<td class="vremya">04:28 </td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">07.</td>
<td class="text1">Whut Do You Mean?
<div class="text12">Второй текст</div>
</td>
<td class="text2">Kurupt &amp; Twice</td>
<td class="vremya">04:17</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">08.</td>
<td class="text1">Rockin Dis
<div class="text12">Второй текст</div>
</td>
<td class="text2">Trooper Da Don feat. Miss T.</td>
<td class="vremya">03:09</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">09.</td>
<td class="text1">Step On By
<div class="text12">Второй текст</div>
</td>
<td class="text2">Dr. Dre, King T &amp; Crystal</td>
<td class="vremya">05:16</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">10.</td>
<td class="text1">Nuthin Has Changed
<div class="text12">Второй текст</div>
</td>
<td class="text2">Tray D, King T &amp; Kool'G Rap</td>
<td class="vremya">03:40</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">11.</td>
<td class="text1">Live It Up
<div class="text12">Второй текст</div>
</td>
<td class="text2">2 Pac, Outlawz</td>
<td class="vremya">04:24</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">12.</td>
<td class="text1">Bone Thugz vs. Da Yea Area
<div class="text12">Второй текст</div>
</td>
<td class="text2">Bone Thugz vs. Da Yea Area</td>
<td class="vremya">00:59</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">13.</td>
<td class="text1">Welcome To Heartlight
<div class="text12">Второй текст</div>
</td>
<td class="text2">Big C. vs Ayleen D.</td>
<td class="vremya">03:15</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
<tr>
<td class="nomer">14.</td>
<td class="text1">We All About
<div class="text12">Второй текст</div>
</td>
<td class="text2">Lil' Kim &amp; Dirty Dave</td>
<td class="vremya">03:41</td>
</tr>
<tr><td class="probel" colspan="4"></td></tr>
</table>
</center>
</td>
</tr>
</table>

+3


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