Информация

  • FastVps - Хостинг для форума
  • RegPartner - Домены по правильным ценам

"4admins.ru" Рекомендует

Как сделать форум прозрачным

Стили, ббкоды, смайлы и прочее для украшения форума
  • Автор 
    Сообщение
Аватара пользователя
Сообщения: 729
Зарегистрирован: 08 авг 2011, 15:19
Откуда: Россия, Калмыкия
Благодарил (а): 273
Поблагодарили: 22 раз в 19 сообщениях
Город: г.Элиста
Пол: Женский
Адрес форума: http://собакиэлисты.рф
Баллы репутации: 4

Re: Как сделать форум прозрачным

Сообщение Добавлено: 26 фев 2013, 00:20

CornerAdmin
СПАСИБО ОГРОМНОЕ!!! И за помощь и за терпение!!!
Всё получилось ОТЛИЧНО!!!

"CornerAdmin" писал(а):
А вот я и не понял, понял что вам только параметры нужно.


Это я виновата. Когда писала, только параметры были не прозрачными, а поиск был прозрачным. Потом, видимо сама изменила свои же параметры и поиск вновь стал не прозрачным. :drink:
Ещё раз ОГРОМНОЕ СПАСИБО!!!!

Автор не может молчать 12 часов 48 минут 19 секунд и добавляет ...

На портале стиля Black Pearl оказывается тоже ПОСЛЕДНИЕ ОБЪЯВЛЕНИЯ и ПОСЛЕДНИЕ ГОЛОСОВАНИЯ не очень прозрачные. Таких значений как в предыдущем не нашла.Посмотрите пожалуйста. :-[
Ссылка на стиль http://собакиэлисты.рф/index.php?style= ... 1a5626162c

Код: Выделить всё
/*
   phpBB 3.0 Style Sheet
   --------------------------------------------------------------
   Style name:            Black Pearl
   Based on style:      subSilver (the default phpBB 2 style)
   Original author:   subBlue ( http://www.subBlue.com/ )
   Modified by:         Mighty Gorgon ( http://www.icyphoenix.com )

   Copyright 2006 phpBB Group ( http://www.phpbb.com/ )
   --------------------------------------------------------------
*/

/* Full Album Pack - BEGIN*/

/* Thumbs Frame & Shadow - BEGIN */
.picframe{
   display: block;
   background-color: #FFFFFF;
   border: 1px solid #555555;
   padding: 2px 6px 2px 6px;
   position: relative;
   bottom: 2px;
   right: 2px;
}

.picshadow{
   background-color: #888888;
   color: inherit;
   margin-left: 4px;
   margin-top: 4px;
}
/* Thumbs Frame & Shadow - END */

/* Pic LightBox Preview - BEGIN */
#loader_container {
   text-align: center; position: absolute; top: 40%; width: 100%;
}

#loader {
   font-family: "Trebuchet MS", Verdana, Tahoma, Helvetica, sans;
   font-size: 10px;
   color: #000000;
   background-color: #FFFFFF;
   padding: 10px 0 16px 0;
   margin: 0 auto;
   display: block;
   width: 135px;
   border: 1px solid #777777;
   text-align: left;
   z-index: 255;
}

#progress {
   height: 5px;
   font-size: 1px;
   width: 10px;
   position: relative;
   top: 1px;
   left: 10px;
   background-color: #999999;
}

#loader_bg {
   background-color: #EEEEEE;
   position: relative;
   top: 8px;
   left: 8px;
   height: 7px;
   width: 113px;
   font-size: 1px
}

.border_preview{
   font-family: "Trebuchet MS", Verdana, Tahoma, Helvetica, sans;
   font-size: 16px;
   color: #444444;
   padding: 10px 10px 10px 10px;
   z-index: 100;
   position: absolute;
   background: #FFFFFF;
   border: 2px dotted #336699;
}

.preview_temp_load {
   vertical-align: middle;
   text-align: center;
   padding: 10px;
}

.preview_temp_load img{
   vertical-align: middle;
   text-align: center;
}
/* Pic LightBox Preview - END */


/* ACP - BEGIN */
.forumline_left {
   background-color: #F8F8F8;
   border-bottom: 2px #224488 solid;
   border-left: 2px #224488 solid;
}

.tab_links, a.tab_links:hover, a.tab_links:link, a.tab_links:active, a.tab_links:visited {
   font-size: 11px;
   color: #FF7722;
   text-decoration: none;
}

.tab_links_unsel, a.tab_links_unsel:hover, a.tab_links_unsel:link, a.tab_links_unsel:active, a.tab_links_unsel:visited {
   font-size: 11px;
   color: #333333;
   text-decoration: none;
}

a.tab_links:hover, a.tab_links_unsel:hover {
   color: #FFFFAA;
   text-decoration: underline;
}

.tab_headers, th.tab_headers {
   color: #FF7722;
   font-size: 11px;
   font-weight : bold;
   padding-left: 4px;
   padding-right: 8px;
   border: #003366;
   border-style: solid;
   border-width: 1px 1px 0px 1px;
   background-color: #006699;
}

.tab_headers_unsel, th.tab_headers_unsel {
   color: #333333;
   font-size: 11px;
   font-weight : bold;
   padding-left: 4px;
   padding-right: 8px;
   border: #336699;
   border-style: solid;
   border-width: 1px 1px 0px 1px;
   background-color: #6699AA;
}

.tab_border {
   background-color: #888888;
   border: 1px;
}

.filler, th.filler {
   background-color: #6699AA;
   background-image: none;
}
/* ACP - END */

/* MooShow - BEGIN */
/* mooShow 0.01 beta CSS Document */

.mooshow a img {
   border: none;
   outline: none;
   -moz-outline: none;
   }

.mooshow_outerContainer{
   position: relative;
   background-color: #FFFFFF;
   color: inherit;
   width: 20px;
   height: 1px;
   margin: 0 auto;
   display: table;
   }

.dropShadowBorder {
   border-top: 1px solid #FFFFFF;
   border-right: 1px solid #CCCCCC;
   border-left: 1px solid #FFFFFF;
   border-bottom: 1px solid #CCCCCC;
   }

.mooshow {
   position: inherit;
   display: none;
   }

.mooshow_loading{
   position: absolute;
   top: 0;
   left: 0;
   display: none;
   /*
   text-align: center;
   vertical-align: middle;
   */
   }

.mooshow_copyright{
   position: absolute;
   top: 15px;
   right: 10px;
   color: #CCCCCC;
   font-size: 9px;
   }

.mooshow_extras{
   margin: 0 auto;
   text-align: left;
   color: #666666;
   background-color: inherit;
   }

.mooshow_topNav{
   padding-top: 5px;
   padding-bottom: 15px;
   text-align: left;
   font-size: 8px;
   background-color: inherit;
   color: #CCCCCC;
   line-height: 170%;
   width: 100%;
   }

.mooshow_captions{
   background-color: #FFFFFF;
   color: #999999;
   margin: 0 auto;
   text-align: left;
   line-height: 140%;
   height: 35px;
   width: 100%;
   }

.mooshow_contentContainer{
   background-color: #666666;
   color: inherit;
   position: relative;
   text-align: center;
   line-height: 0.0;
   }

.mooshow_overlayNav{
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   margin: 0 auto;
   }

.mooshow_prevLink, .mooshow_nextLink{
   width: 30%;
   height: 100%;
   background: transparent url(.styles/black_pearl/theme/.styles/black_pearl/theme/images/fap/fap_blank.gif) no-repeat; /* Trick IE into showing hover */
   outline: none;
   }

.mooshow_prevLink { left: 0; float: left; outline: none; -moz-outline: none;}
.mooshow_nextLink { right: 0; float: right; outline: none; -moz-outline: none;}
.mooshow_prevLink:hover, .mooshow_prevLink:visited:hover { background: url(.styles/black_pearl/theme/.styles/black_pearl/theme/images/fap/fap_prev.gif) left 100% no-repeat; }
.mooshow_nextLink:hover, .mooshow_nextLink:visited:hover { background: url(.styles/black_pearl/theme/.styles/black_pearl/theme/images/fap/fap_next.gif) right 100% no-repeat; }

.mooshow_IPTC{
   position: absolute;
   top: 0px;
   left: 0px;
   height: auto;
   background-color: #000;
   color: #CCCCCC;
   font-size: 9px;
   line-height: 140%;
   text-align: left;
   filter: alpha(opacity=80);
   -moz-opacity: 0.8;
   opacity: 0.8;
   display: none;
   }

.mooshow_IPTCbutton{
   position: absolute;
   top: 0;
   left: 0;
   }

.mooshow_IPTC_left{
   float: left;
   text-align: right;
   width: 18%;
   }

.mooshow_IPTC_right{
   float: right;
   text-align: left;
   width: 80%;
   }
/* MooShow - END */

/* Full Album Pack - END*/

/* === Layout === */

* {
   /* Reset browsers default margin, padding and font sizes */
   margin: 0;
   padding: 0;
}

html {
   font-size: 100%;
}

body { 
        background-attachment:fixed;
   /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
   font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
   color: #CCCCCC;
        background-image:url('http://moimalenkidrug.4adm.ru/storage/moimalenkidrug_4adm_ru/images/Photoshop_Dancing_Beetle_026149_.jpg');
   background-color: rgba(209,209,225,0);
   font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
   margin: 0px 10px 0px 10px;
}

#wrapcentre {
   margin: 15px 15px 0 15px;
}

#wrapfooter {
   text-align: center;
   clear: both;
}

#wrapper{
   /* clear: both; */
   margin: 0 auto;
   width: 960px;
   /* width: 90%; */
}

#top_logo{
   border-width: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   background: url('styles/black_pearl/theme/images/top_header.png') repeat;
   height: 150px;
}

#bottom_logo_ext{
   border-top: 1px solid #444444;
   border-bottom: 1px solid #555555;
}

#bottom_logo{
   border: 0px solid #181818;
   background: url('styles/black_pearl/theme/images/bg_footer.gif') repeat;
}

.leftshadow{
   background: url('styles/black_pearl/theme/images/shadow_left.gif') repeat-y;
   padding: 0px;
   /*margin-left: 10px;*/
   width: 9px;
   vertical-align: top;
}

.rightshadow{
   background: url('styles/black_pearl/theme/images/shadow_right.gif') repeat-y;
   padding: 0px;
   /*margin-right: 10px;*/
   width: 9px;
   vertical-align: top;
}

.forum-buttons {
   color: #FFCC33;
   background: #111111 url('styles/black_pearl/theme/images/bg_buttons.gif') top left repeat-x;
   border-top: solid 1px #DD2222;
   border-bottom: solid 1px #DD2222;
   height: 24px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 1.1em;
   font-weight: bold;
   text-align: center;
   vertical-align: middle;
   white-space: nowrap;
   padding: 0px;
   padding-top: 6px;
}

#wrapnav {
   width: 100%;
   margin: 0;
   background-color: #111111;
   border-width: 1px;
   border-style: solid;
   border-color: #181818;
}

#datebar {
   margin: 10px 25px 0 25px;
}

#findbar {
   width: 100%;
   margin: 0;
   padding: 0;
   border: 0;
}

.forumrules {
   color: #222222;
   background-color: #FFFFAA;
   border-width: 1px;
   border-style: solid;
   border-color: #0088FF;
   padding: 4px;
   font-weight: normal;
   font-size: 1.1em;
   font-family: Verdana, "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
}

.forumrules h3 {
   color: #DD2222;
}

#pageheader { }
#pagecontent { }
#pagefooter { }

#poll { }
#postrow { }
#postdata { }


/* === Text === */

h1 {
   color: #FFCC33;
   font-family: "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
   font-size: 1.8em;
   font-weight: bold;
   text-decoration: none;
}

h2 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 1.5em;
   font-weight: bold;
   line-height: 120%;
   text-decoration: none;
}

h3 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 1.3em;
   font-weight: bold;
   line-height: 120%;
}

h4 {
   font-size: 0.9em;
   font-weight: bold;
   margin: 0;
   padding-top: 3px;
}

p {
   font-size: 1.1em;
}

p.moderators {
   margin: 0;
   float: left;
   color: #FFCC33;
   font-weight: bold;
}

.rtl p.moderators {
   float: right;
}

p.linkmcp {
   margin: 0;
   float: right;
   white-space: nowrap;
}

.rtl p.linkmcp {
   float: left;
}

p.breadcrumbs {
   margin: 0;
   float: left;
   color: #FFCC33;
   font-weight: bold;
   white-space: normal;
   font-size: 1em;
}

.rtl p.breadcrumbs {
   float: right;
}

p.datetime {
   margin: 0;
   float: right;
   white-space: nowrap;
   font-size: 1em;
}

.rtl p.datetime {
   float: left;
}

p.searchbar {
   padding: 2px 0;
   white-space: nowrap;
}

p.searchbarreg {
   margin: 0;
   float: right;
   white-space: nowrap;
}

.rtl p.searchbarreg {
   float: left;
}

p.forumdesc {
   padding-bottom: 4px;
}

p.topicauthor {
   margin: 1px 0;
}

p.topicdetails {
   margin: 1px 0;
}

.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
   margin: 1px 0;
   color: #CC3333;
   font-weight:bold;
}

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
   color: #007700;
   font-weight:bold;
}

.postapprove img, .postreported img {
   vertical-align: bottom;
}

.postauthor {
   color: #FFCC33;
}

.postdetails {
   color: #FFCC33;
}

.postbody {
   font-size: 1.3em;
   line-height: 1.4em;
   font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
}

.postbody li, ol, ul {
   margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
   margin: 0 1.5em 0 0;
}

.posthilit {
   background-color: #00FF00;
}

.nav {
   margin: 0;
   color: #FFCC33;
   font-weight: bold;
}

.pagination {
   padding: 4px;
   color: #FFCC33;
   font-size: 1em;
   font-weight: bold;
}

.cattitle {

}

.gen {
   margin: 1px 1px;
   font-size: 1.2em;
}

.genmed {
   margin: 1px 1px;
   font-size: 1.1em;
}

.gensmall {
   margin: 1px 1px;
   font-size: 1em;
}

.copyright {
   padding-left: 2px;
   padding-right: 2px;
   font-size: 1.0em;
   color: #FFCC33;
   vertical-align: middle;
}

.titles {
   font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-size: 1.3em;
   text-decoration: none;
}

.error {
   color: #CC3333;
}


/* === Tables === */

.tbl-title {
   color: #FFCC33;
   margin-top: 6px;
}

.tbl-h-c {
   background: url('styles/black_pearl/theme/images/tbl_h_c.gif') bottom left repeat-x;
   height: 30px;
   font-weight: bold;
   font-size: 1.3em;
   text-align: center;
   vertical-align: middle;
   margin: 0;
   white-space: nowrap;
   overflow: hidden;
}

.tbl-h-l {
   background: url('styles/black_pearl/theme/images/tbl_h_l.gif') bottom left no-repeat;
   padding-left: 27px;
}

.tbl-h-r {
   background: url('styles/black_pearl/theme/images/tbl_h_r.gif') bottom right no-repeat;
   padding-right: 27px;
}

.tbl-f-c {
   background: url('styles/black_pearl/theme/images/tbl_f_c.gif') bottom left repeat-x;
   height: 12px;
   font-size: 0.1em;
   margin: 0;
   white-space: nowrap;
   overflow: hidden;
}

.tbl-f-l {
   background: url('styles/black_pearl/theme/images/tbl_f_l.gif') bottom left no-repeat;
   padding-left: 10px;
}

.tbl-f-r {
   background: url('styles/black_pearl/theme/images/tbl_f_r.gif') bottom right no-repeat;
   padding-right: 10px;
}

th {
   color: #FFCC33;
   background-color: rgba(209,209,225,0.1);
   background-image: url('styles/black_pearl/theme/images/bg_th.gif');
   font-size: 1.1em;
   font-weight: bold;
   white-space: nowrap;
   padding: 7px 5px;
}

td {
   padding: 2px;
}

td.profile {
   padding: 4px;
}

td.np {
   padding: 0px;
}

td.np-body {
   background-color: rgba(209,209,225,0.1);
   padding: 0px;
}

.tablebg {
   background-color: rgba(209,209,225,0.1);
   border: solid 1px #555555;
}

.tablebg th{
   color: #FFCC33;
   background: rgba(209,209,225,0.1); url('styles/black_pearl/theme/images/bg_th.gif') top left repeat-x;
   font-size: 1.1em;
   font-weight: bold;
   height: 26px;
   padding: 0 5px;
   border: solid 1px #181818;
   border-right-color: #444444;
   border-bottom-color: #444444;
   white-space: nowrap;
}

.cat {
   color: #0088FF;
   background-color: rgba(209,209,225,0.1);
   background-image: url('styles/black_pearl/theme/images/bg_th.gif');
   border: solid 1px #181818;
   border-right-color: #444444;
   border-bottom-color: #444444;
   height: 26px;
   margin: 0;
   padding: 0;
   text-indent: 4px;
}

.cat h4 a, .cat h4 a:visited {
   color: #FFCC33;
   font-size: 1.2em;
   font-weight: bold;
   text-decoration: none;
}

.cat h4 a:hover, .cat h4 a:active {
   color: #DD2222;
   font-size: 1.2em;
   font-weight: bold;
   text-decoration: underline;
}

.cat-bottom {
   background: rgba(209,209,225,0.1); url('styles/black_pearl/theme/images/bg_catbottom.gif') top left repeat-x;
   border: solid 1px #181818;
   border-right-color: #222222;
   border-bottom-color: #222222;
   height: 28px;
   min-height: 28px;
   text-align: center;
   padding: 0px;
}

.catdiv {
   background-color: #111111;
   background-image: url('styles/black_pearl/theme/images/bg_th.gif');
   border: solid 1px #181818;
   border-right-color: #444444;
   border-bottom-color: #444444;
   height: 26px;
   margin: 0;
   padding: 0;
}

.rtl .catdiv {
   background-color: #111111;
   background-image: url('styles/black_pearl/theme/images/bg_th.gif');
}

.row1, .row2, .row3, .row4 {
   border: solid 1px #181818;
   border-right-color: #222222;
   border-bottom-color: #222222;
   padding: 4px;
}

.row1 {
   background-color: rgba(245,245,255,0.1);
}

.row2 {
   background-color: rgba(245,245,255,0.1);
}

.row3 {
   background-color: rgba(209,209,225,0.1);
}

.row4 {
   background-color: #323232;
}

.row-post-top {
   background-color: #111111;
   border: solid 1px #181818;
   border-right-color: #222222;
   border-bottom-color: #222222;
   vertical-align: top;
}

.row-post-body {
   background: #000000 url('styles/black_pearl/theme/images/bg_post.gif') top left repeat-x;
   border: solid 1px #181818;
   border-right-color: #222222;
   border-bottom-color: #222222;
   vertical-align: top;
}

.row-post-bottom {
   color: #666666;
   background: #000000 url('styles/black_pearl/theme/images/bg_postbottom.gif');
   border: solid 1px #181818;
   border-right-color: #222222;
   border-bottom-color: #222222;
   vertical-align: middle;
   font-size: 1.0em;
   line-height: 1.2em;
   white-space: nowrap;
   padding: 1px;
}

.spacer {
   background-color: #FF8800;
   background-image: url('styles/black_pearl/theme/images/bg_spacerow.gif');
   border: solid 1px #181818;
   border-right-color: #222222;
   border-bottom-color: #222222;
   height: 4px;
   padding: 0;
}

hr {
   color: #232323;
   background-color: #232323;
   border-width: 0;
   height: 1px;
}

.legend {
   text-align: center;
   margin: 0 auto;
   border: solid 1px #181818;
   background-color: #111111;
}


/* === Links === */

a:link {
   color: #FFCC33;
   text-decoration: none;
}

a:active,
a:visited {
   color: #FFCC33;
   text-decoration: none;
}

a:hover {
   color: #DD2222;
   text-decoration: underline;
}

a.forumlink, a.forumlink:visited {
   color: #FFCC33;
   font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
   font-size: 1.2em;
   font-weight: bold;
   text-decoration: none;
}

a.forumlink:hover, a.forumlink:active {
   color: #DD2222;
   font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
   font-size: 1.2em;
   font-weight: bold;
   text-decoration: underline;
}

a.topictitle {
   margin: 1px 0;
   font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-size: 1.2em;
}

a.topictitle:visited {
   color: #FFCC33;
   text-decoration: none;
}

th a,
th a:visited {
   color: #0088FF !important;
   text-decoration: none;
}

th a:hover {
   text-decoration: underline;
}

a.subforum.read {
   background-image: url('styles/black_pearl/theme/images/subforum_read.gif');
   background-repeat: no-repeat;
   background-position: 3px;
   padding-left: 12px;
}

a.subforum.unread {
   background-image: url('styles/black_pearl/theme/images/subforum_unread.gif');
   background-repeat: no-repeat;
   background-position: 3px;
   padding-left: 12px;
}

.forum-buttons a, .forum-buttons a:visited {
   color: #FFCC33;
   font-weight: bold;
   text-decoration: none;
   vertical-align: top;
}

.forum-buttons a:hover, .forum-buttons a:active {
   color: #DD2222;
   font-weight: bold;
   text-decoration: none;
   vertical-align: top;
}


/* === Form Elements === */

form {
   margin: 0;
   padding: 0;
   border: 0;
}

input {
   color: #FFCC33;
   background-color: #111111;
   border: 1px solid #CCCCCC;
   font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
   font-size: 1.1em;
   font-weight: normal;
   padding: 1px;
}

textarea {
        background-image: url('http://moimalenkidrug.4adm.ru/storage/moimalenkidrug_4adm_ru/images/schen_otvet.gif');
        background-position:left bottom;
        background-repeat: no-repeat;
   color: #FFCC33;
   background-color: #111111;
   border: 1px solid #CCCCCC;
   font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
   font-size: 1.3em;
   line-height: 1.4em;
   font-weight: normal;
   padding: 2px;
}

select {
   color: #FFCC33;
   background-color: #111111;
   border: 1px solid #CCCCCC;
   font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
   font-size: 1.1em;
   font-weight: normal;
   padding: 1px;
}

input:hover, textarea:hover, select:hover {
   color: #DD2222;
   background-color: #232323;
   border: solid 1px #FFCC33;
}

input:focus, textarea:focus, select:focus {
   color: #FFCC33;
   background-color: #111111;
   border: solid 1px #DD2222;
}

option {
   padding: 0 1em 0 0;
}

option.disabled-option {
   color: #888888;
}

.rtl option {
   padding: 0 0 0 1em;
}

input.radio {
   background-color: transparent;
   border: none;
}

.post {
   background-color: #111111;
   border-style: solid;
   border-width: 1px;
}

.btnbbcode {
   color: #FFCC33;
   background-color: #111111;
   border: 1px solid #CCCCCC;
   font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
   font-size: 1.1em;
   font-weight: normal;
   padding: 1px;
}

.btnmain {
   color: #FFCC33;
   background-color: #111111;
   border: 1px solid #CCCCCC;
   font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
   font-size: 1.1em;
   font-weight: bold;
   padding: 1px;
   cursor: pointer;
}

.btnlite {
   color: #FFCC33;
   background-color: #111111;
   border: 1px solid #CCCCCC;
   font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
   font-size: 1.1em;
   font-weight: normal;
   padding: 1px;
   cursor: pointer;
}

.btnfile {
   color: #FFCC33;
   background-color: #111111;
   border: 1px solid #CCCCCC;
   font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
   font-size: 1.1em;
   font-weight: normal;
   padding: 1px;
}

btnmain:hover, btnlite:hover, btnfile:hover, btnbbcode:hover {
   color: #DD2222;
   background-color: #232323;
   border: solid 1px #FFCC33;
}

btnmain:focus, btnlite:focus, btnfile:focus, btnbbcode:hover {
   color: #FFCC33;
   background-color: #111111;
   border: solid 1px #DD2222;
}


.helpline {
   color: #FFCC33;
   background-color: #111111;
   border: 1px solid #555555;
}


/* === PM === */

.popuppm-new a {
        background: url("http://moimalenkidrug.4adm.ru/storage/moimalenkidrug_4adm_ru/images/ptici13.gif") no-repeat scroll left top ;   
        color: #FFCC33;
        font-size: 1.2em;
        font-weight: bold;
        margin: 5px 0;
        padding: 40px 60px;
        text-decoration: none;         
}

.popuppm-new a:hover {
   color: #DD2222;
   border: solid 1px #DD2222;
   text-decoration: underline;
}

a.pm-new-link, a.pm-new-link:visited {
   color: #0088FF;
   text-decoration: underline;
}

a.pm-new-link:hover, a.pm-new-link:active {
   color: #DD2222;
   text-decoration: underline;
}

.pm-bg-color {
   background-color: #666666;
}


/* === BBCode === */

.quotetitle {
   color: #FFDD99;
   background: #FF9933 url('styles/black_pearl/theme/images/bbc_quote.gif') no-repeat right;
   border: 1px solid #555555;
   font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
   font-size: 0.9em;
   font-weight: bold;
   text-align: left;
   padding: 5px;
   width: 90%;
   margin-top: 10px;
}

.attachtitle {
   color: #446688;
   background: #AACCFF url('styles/black_pearl/theme/images/bbc_zip.gif') no-repeat right;
   border: 1px solid #555555;
   font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
   font-size: 0.9em;
   font-weight: bold;
   text-align: left;
   padding: 5px;
   width: 90%;
   margin-top: 10px;
}

.quotetitle .quotetitle {
   font-size: 1.0em;
}

.quotecontent, .attachcontent {
   background: #232323;
   border: 1px solid #555555;
   border-top: 0;
   font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
   font-size: 1em;
   text-align: left;
   padding: 5px;
   width: 90%;
   overflow: auto;
   direction: ltr;
}

.attachcontent {
   font-size: 0.85em;
}

.codetitle {
   color: #FFDD99;
   background: #119933 url('styles/black_pearl/theme/images/bbc_code.gif') no-repeat right;
   border: 1px solid #555555;
   font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
   font-size: 0.9em;
   font-weight: bold;
   text-align: left;
   margin-top: 10px;
   padding: 5px;
   width: 90%;
}

.codecontent {
   color: #00FF00;
   background: #232323;
   border: 1px solid #555555;
   border-top: 0;
   font-family: 'Courier New', Monaco, monospace;
   font-size: 0.85em;
   font-weight: normal;
   text-align: left;
   padding: 5px;
   width: 90%;
   height: 100px;
   overflow: auto;
   direction: ltr;
}

.syntaxbg {
   color: #FFCC33;
}

.syntaxcomment {
   color: #FF8800;
}

.syntaxdefault {
   color: #FFCC33;
}

.syntaxhtml {
   color: #FFCC33;
}

.syntaxkeyword {
   color: #007700;
}

.syntaxstring {
   color: #DD2222;
}


/* === Navigation === */

.bc-tbl {
   border: solid 1px #555555;
   background-color: #111111;
   margin: 5px 0;
}

.bc-header {
   color: #FFCC33;
   background: #111111 url('styles/black_pearl/theme/images/bg_nav1.gif');
   font-size: 1.3em;
   font-weight: bold;
   text-align: left;
   padding: 4px 5px;
}

.bc-links {
   color: #999999;
   background: #111111 url('styles/black_pearl/theme/images/bg_nav2.gif') top left repeat-x;
   font-size: 1.0em;
   line-height: 1.4em;
   text-align: right;
   padding: 3px 5px;
}

.bc-links-left {
   position: relative;
   float: left;
   text-align: left;
}

.bc-header, .bc-links {
   border: solid 1px #181818;
   border-right-color: #222222;
   border-bottom-color: #222222;
}

.bc-div a, .bc-div a:visited {
   color: #FFCC33;
   text-decoration: none;
}

.bc-div a:hover, .bc-div a:active {
   color: #DD2222;
   text-decoration: none;
}

.bc-links a, .bc-links a:visited, .bc-links a:hover{ text-decoration: underline; }

.bc-div a.nav-current, .bc-div a.nav-current:visited {
   color: #0088FF;
}

.bc-div a.nav-current:hover, .bc-div a.nav-current:active {
   color: #DD2222;
   text-decoration: none;
}


/* === Private messages === */

.pm_marked_colour {
   background-color: #333333;
}

.pm_replied_colour {
   background-color: #DDEEFF;
}

.pm_friend_colour {
   background-color: #007700;
}

.pm_foe_colour {
   background-color: #DD2222;
}


/* === Misc === */

img {
   border: none;
}

.sep {
   color: #FFCC33;
   background-color: #0088FF;
}

table.colortable td {
   padding: 0;
}

pre {
   font-size: 1.1em;
   font-family: 'Courier New', Monaco, monospace;
}

.nowrap {
   white-space: nowrap;
}

.username-coloured {
   font-weight: bold;
}

.shadow_text1 {color: #fff;
font: 7em 'ChunkFiveRegular';
margin: 20px auto;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
0 3px 0 #bbb,
0 4px 0 #b9b9b9,
0 5px 0 #aaa,
0 6px 1px rgba(0,0,0,.1),
0 0 5px rgba(0,0,0,.1),
0 1px 3px rgba(0,0,0,.3),
0 3px 5px rgba(0,0,0,.2),
0 5px 10px rgba(0,0,0,.25),
0 10px 10px rgba(0,0,0,.2),
0 20px 20px rgba(0,0,0,.15);}
  /* Нижняя фиксированная панель */
    #bottom_panel{
    position: fixed;
    z-index: 999;
    right: 0;
    bottom: 0;
    width: 100%;
    min-width: 1000px;
    height: 20px;
    margin: 0;
    padding: 0;
    background-color: transparent;
    _display: none; /* Хак для ИЕ-6, зарезать панель насмерть */
    }

    #second_nav {
    background-color:#e6eaf0;
    border-color:#284766 #284766 #284766;
    border-style:solid;
    border-width:1px 1px 0;
    clear:both;
    display:block !important;
    float:none;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    height:20px;
    letter-spacing:normal;
    margin:auto;
    min-width:1000px;
    padding:0px 8px 0;
    position:static;
    text-align:center;
    text-transform:none;
    width:100%;
    word-spacing:normal;
    _display: none;
    }


Ещё сейчас изменила вот это
Ещё изменила
Код: Выделить всё
.row-post-body {
   background: rgba(209,209,225,0.1); url('styles/black_pearl/theme/images/bg_post.gif') top left repeat-x;
   border: solid 1px #181818;
   border-right-color: #222222;
   border-bottom-color: #222222;
   vertical-align: top;
}

Но, не смогла так же найти, как и где можно изменить прозрачность окна ответа и нижнего блока, который указала... :scratch:
Изображение

Тот, кто говорит, что счастье не купишь, никогда не покупал щенка (Уилфред Лэмптон)

Сначала бог создал человека, но, заметив его слабость, дал ему собаку ( А. Туссенель)

Аватара пользователя
Сообщения: 619
Зарегистрирован: 18 июл 2012, 17:51
Благодарил (а): 13
Поблагодарили: 237 раз в 212 сообщениях
Пол: Мужской
Адрес форума: http://cabinetadmina.ru
Баллы репутации: 53

Re: Как сделать форум прозрачным

Сообщение Добавлено: 26 фев 2013, 16:01

"галлина" писал(а):
На портале стиля Black Pearl оказывается тоже ПОСЛЕДНИЕ ОБЪЯВЛЕНИЯ и ПОСЛЕДНИЕ ГОЛОСОВАНИЯ не очень прозрачные.

Прозрачные вроде... :unknown

зы. Вот это:
галлина писал(а):
Код: Выделить всё
.row-post-body {
   background: rgba(209,209,225,0.1); url('styles/black_pearl/theme/images/bg_post.gif') top left repeat-x;

Не знаю от чего и для чего, но работать не будет.
Так:
Код: Выделить всё
background: url('styles/black_pearl/theme/images/bg_post.gif') top left repeat-x rgba(209,209,225,0.1);

будет:)
http://cabinetadmina.ru/ - Сервис по оптимизации, модернизации и раскрутке ваших форумов.

Аватара пользователя
Сообщения: 729
Зарегистрирован: 08 авг 2011, 15:19
Откуда: Россия, Калмыкия
Благодарил (а): 273
Поблагодарили: 22 раз в 19 сообщениях
Город: г.Элиста
Пол: Женский
Адрес форума: http://собакиэлисты.рф
Баллы репутации: 4

Re: Как сделать форум прозрачным

Сообщение Добавлено: 26 фев 2013, 16:23

"CornerAdmin" писал(а):
"галлина писал(а):"

На портале стиля Black Pearl оказывается тоже ПОСЛЕДНИЕ ОБЪЯВЛЕНИЯ и ПОСЛЕДНИЕ ГОЛОСОВАНИЯ не очень прозрачные.

Прозрачные вроде... :unknown


прозрачные, да. Но. отличаются от всего остального. Где они прописаны? Можете подсказать? Может быть там изменить прозрачность? :scratch:
"галлина" писал(а):
Но, не смогла так же найти, как и где можно изменить прозрачность окна ответа и нижнего блока, который указала... :scratch:


Написала, а скрин не добавила!
Изображение

Автор не может молчать 3 минуты 28 секунд и добавляет ...

"CornerAdmin" писал(а):
Не знаю от чего и для чего, но работать не будет.


Исправила. :drink:
Изображение

Тот, кто говорит, что счастье не купишь, никогда не покупал щенка (Уилфред Лэмптон)

Сначала бог создал человека, но, заметив его слабость, дал ему собаку ( А. Туссенель)

Аватара пользователя
Сообщения: 619
Зарегистрирован: 18 июл 2012, 17:51
Благодарил (а): 13
Поблагодарили: 237 раз в 212 сообщениях
Пол: Мужской
Адрес форума: http://cabinetadmina.ru
Баллы репутации: 53

Re: Как сделать форум прозрачным

Сообщение Добавлено: 26 фев 2013, 20:18

"галлина" писал(а):
Где они прописаны?

Тут такое дело, ваш стиль, это стиль клон subsilver2, а у них цветовое оформление, как бы это сказать... малость геморройно сделано, например, часть кода блока "Последние объявления":
Код: Выделить всё
<table class="tablebg" cellspacing="1" width="100%">
   <tr class="row1">
      <td>
      <!-- IF announcements_row.S_NO_TOPICS  -->
         <span class="gensmall"><strong>{L_NO_ANNOUNCEMENTS}</strong></span>
      <!-- ELSE -->
         <table class="tablebg" cellspacing="1" width="100%">
            <tr>
               <td class="cat">
               <a name="a"></a><a name="a{announcements_row.A_ID}"></a>
                  <!-- IF announcements_row.S_UNREAD_INFO --><a href="{announcements_row.U_VIEW_UNREAD}">{NEWEST_POST_IMG}</a><!-- ELSE --><a href="{announcements_row.U_LAST_COMMENTS}">{READ_POST_IMG}</a><!-- ENDIF --> {announcements_row.ATTACH_ICON_IMG}<!-- IF announcements_row.S_POLL --> <strong>{L_POLL}: </strong><!-- ENDIF --><!-- IF announcements_row.TOPIC_ICON_IMG --><img src="{T_ICONS_PATH}{announcements_row.TOPIC_ICON_IMG}" width="{announcements_row.TOPIC_ICON_IMG_WIDTH}" height="{announcements_row.TOPIC_ICON_IMG_HEIGHT}" alt="" /> <!-- ENDIF --><a href="{announcements_row.U_VIEW_COMMENTS}"><strong>{announcements_row.TITLE}</strong></a>
               </td>
            </tr>
            <tr class="row<!-- IF announcements_row.S_ROW_COUNT is odd -->1<!-- ELSE -->2<!-- ENDIF -->">
               <td style="padding:5px 5px 5px 5px;">


Если идти по порядку, то: table class="tablebg", tr class="row1", снова table class="tablebg" и опять tr class="row1 или 2", задают цвет:
Код: Выделить всё
.tablebg {
   background-color: rgba(209,209,225,0.1);
   border: solid 1px #555555;
}

и:
Код: Выделить всё
.row1 {
   background-color: rgba(245,245,255,0.1);
}

.row2 {
   background-color: rgba(245,245,255,0.1);
}


Убрав цвет в любом из них, вы затронете цвета не только в этих элементах, но и во многих других. Самый оптимальный вариант - редактировать шаблоны, стирать в нужных местах определённые классы, добиваясь оптимального результата. Шаблон отвечающий за блок "Последние объявления" - portal/block/announcements.html, за блок "Последние Голосования" - portal/block/poll.html.

Та же ситуация и формой быстрого ответа.
http://cabinetadmina.ru/ - Сервис по оптимизации, модернизации и раскрутке ваших форумов.

Аватара пользователя
Сообщения: 729
Зарегистрирован: 08 авг 2011, 15:19
Откуда: Россия, Калмыкия
Благодарил (а): 273
Поблагодарили: 22 раз в 19 сообщениях
Город: г.Элиста
Пол: Женский
Адрес форума: http://собакиэлисты.рф
Баллы репутации: 4

Re: Как сделать форум прозрачным

Сообщение Добавлено: 26 фев 2013, 21:41

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

Автор не может молчать 1 час 5 минут 4 секунды и добавляет ...

Я кое-что нашла.
В теме стиля в этом куске
Код: Выделить всё
textarea {
   color: #FFCC33;   
   background-color:   #111111;   
   border: 1px solid #CCCCCC;
   font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
   font-size: 1.3em;
   line-height: 1.4em;
   font-weight: normal;
   padding: 2px;
}

Код: Выделить всё
background-color:   #111111;
сменила на
Код: Выделить всё
rgba(209,209,225,0.1);

В итоге получила прозрачное окно ответа. Но, когда начинаешь на нём писать, оно становится чёрным. thumbs up Прикольно!

Автор не может молчать 1 час 58 минут 44 секунды и добавляет ...

"CornerAdmin" писал(а):
Так:

Код: Выделить всё
background: url('styles/black_pearl/theme/images/bg_post.gif') top left repeat-x rgba(209,209,225,0.1);


будет:)

*pardon* Проверила! Так не работает как раз! Работает именно так, как я поставила. :D
Короче, сделала я практически весь форум прозрачным. Уж, не знаю, правильно ли, нет ли... Но вроде работает.
http://собакиэлисты.рф/index.php?style= ... 0ddb9493c6

Только в портале Блоки Последнего голосования и Последние объявления портят картину. :x С ними ничего сделать не могу!
Изображение

Тот, кто говорит, что счастье не купишь, никогда не покупал щенка (Уилфред Лэмптон)

Сначала бог создал человека, но, заметив его слабость, дал ему собаку ( А. Туссенель)

Аватара пользователя
Сообщения: 619
Зарегистрирован: 18 июл 2012, 17:51
Благодарил (а): 13
Поблагодарили: 237 раз в 212 сообщениях
Пол: Мужской
Адрес форума: http://cabinetadmina.ru
Баллы репутации: 53

Re: Как сделать форум прозрачным

Сообщение Добавлено: 27 фев 2013, 17:15

"галлина" писал(а):
Так не работает как раз!

Она работает так как написано, если вас смущает чёрная полоса, то она же ведь там указана:
Код: Выделить всё
url('styles/black_pearl/theme/images/bg_post.gif')


Просто оставьте цвет, да и всё:
Код: Выделить всё
background: none top left repeat-x rgba(209,209,225,0.1);


В крайнем случае изображение можно закомментировать:
Код: Выделить всё
background: rgba(209,209,225,0.1); /* url('styles/black_pearl/theme/images/bg_post.gif') top left repeat-x; */


Но только не так:
Код: Выделить всё
background: rgba(209,209,225,0.1); url('styles/black_pearl/theme/images/bg_post.gif') top left repeat-x;
http://cabinetadmina.ru/ - Сервис по оптимизации, модернизации и раскрутке ваших форумов.

За это сообщение пользователя CornerAdmin поблагодарили:
галлина

Аватара пользователя
Сообщения: 729
Зарегистрирован: 08 авг 2011, 15:19
Откуда: Россия, Калмыкия
Благодарил (а): 273
Поблагодарили: 22 раз в 19 сообщениях
Город: г.Элиста
Пол: Женский
Адрес форума: http://собакиэлисты.рф
Баллы репутации: 4

Re: Как сделать форум прозрачным

Сообщение Добавлено: 27 фев 2013, 18:56

"CornerAdmin" писал(а):
Просто оставьте цвет, да и всё:

Код: Выделить всё
background: none top left repeat-x rgba(209,209,225,0.1);


А. Понятно.
"CornerAdmin" писал(а):
В крайнем случае изображение можно закомментировать:

Код: Выделить всё
background: rgba(209,209,225,0.1); /* url('styles/black_pearl/theme/images/bg_post.gif') top left repeat-x; */



Но только не так:

Код: Выделить всё
background: rgba(209,209,225,0.1); url('styles/black_pearl/theme/images/bg_post.gif') top left repeat-x;


Слушаюсь! Будет исполнено! А Вы не заходили, не смотрели? Мне очень нравится! :)
Изображение

Тот, кто говорит, что счастье не купишь, никогда не покупал щенка (Уилфред Лэмптон)

Сначала бог создал человека, но, заметив его слабость, дал ему собаку ( А. Туссенель)

Аватара пользователя
антивирус
антивирус
Сообщения: 605
Зарегистрирован: 25 дек 2011, 03:00
Благодарил (а): 83
Поблагодарили: 119 раз в 98 сообщениях
Город: Царицын
Пол: Мужской
Адрес форума: http://forum.sdmon.ru/
Баллы репутации: 23

Re: Как сделать форум прозрачным

Сообщение Добавлено: 27 окт 2013, 13:27

Настала моя очередь донимать распросами о прозрачности.
Стиль prosilver.
Хочу получить прозрачность в списке форумов, в списке последних тем, в сообщениях, в окне быстрого ответа.
Методом научного тыка получил прозрачность в сообщениях, но при этом резко изменились цвета и списке последних тем. Хотя, изначально цвета и для сообщений и для последних тем менял в одном месте.
Помогите, пожалуйста решить проблему комплексно.
Изображение
Изображение

Аватара пользователя
Сообщения: 619
Зарегистрирован: 18 июл 2012, 17:51
Благодарил (а): 13
Поблагодарили: 237 раз в 212 сообщениях
Пол: Мужской
Адрес форума: http://cabinetadmina.ru
Баллы репутации: 53

Re: Как сделать форум прозрачным

Сообщение Добавлено: 27 окт 2013, 18:12

"Ариан" писал(а):
в сообщениях

У вас в сообщениях фон выполнен в виде градиента (.bg1 {, .bg2 {). Цвет там оформлен в формате hex, замените его на rgba и будет вам прозрачность. Например, ваша строка в hex формате:
Код: Выделить всё
background: radial-gradient(ellipse at center, #fae9c6 21%,#fae9c6 58%,#f7ddb5 99%);

та же строка в формате rgba с прозрачностью в 50%:
Код: Выделить всё
background: radial-gradient(ellipse at center, rgba(250, 233, 198, 0.5) 21%,rgba(250, 233, 198, 0.5) 58%,rgba(247, 221, 181, 0.5) 99%);


Можно избавиться от градиента и оставить:
Код: Выделить всё
background: rgba(250, 233, 198, 0.5);


Тоже самое и для формы ответа, класс отвечающий за её цвет - .panel {
Со списком форумов уже сложнее, рецепт вроде описывал на предыдущих страницах. Смысл тот же, меняете один формат цвета на другой, класс за внутренний фон и рамку вокруг отвечает .forumbg {, за цвет полос те же .bg1 { и .bg2 {.
http://cabinetadmina.ru/ - Сервис по оптимизации, модернизации и раскрутке ваших форумов.

Аватара пользователя
антивирус
антивирус
Сообщения: 605
Зарегистрирован: 25 дек 2011, 03:00
Благодарил (а): 83
Поблагодарили: 119 раз в 98 сообщениях
Город: Царицын
Пол: Мужской
Адрес форума: http://forum.sdmon.ru/
Баллы репутации: 23

Re: Как сделать форум прозрачным

Сообщение Добавлено: 27 окт 2013, 18:16

Делал. В сообщениях поле становится прозрачным, но при этом в окне "Последние темы" появляются непонятные цвета. Такое ощущение, что есть подложка другого цвета, которая проявляется. Убирал градиент и устанавливал простые цвета в формате rgba с прозрачностью 0.3 с тем же результатом.
В качестве фона в списке форумов используется картинка.
Последний раз редактировалось Ариан 27 окт 2013, 18:35, всего редактировалось 1 раз.
Изображение
Изображение


Вернуться в Оформление форумов

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 5