Dvz Shoutbox Transparency

Vaata eelmist teemat Vaata järgmist teemat Go down

avatar
WieFFe

Postitusi : 1380
Maine : 44
Liitus : 24/06/2014
Vaata kasutaja profiili

PostitamineWieFFe on 24.02.17 13:20

Hei!
Oskab keegi aidata?
Nimelt on mul shoutbox täielikult transparent ja ei saa aru, mida kirjutatakse / raske lugeda.

Shoutbox:

Ehk siis tahaks, et see ei ole täielikult transparent. Või siis valge taust. :)

.CSS :

/* DVZ Shoutbox */
#shoutbox { margin-bottom: 10px; border: solid 2px rgba(0,0,0,0.1); }
#shoutbox .head { padding: 8px; }
#shoutbox.front .head { cursor: pointer; }
#shoutbox .head .right { float: right; margin: 0; font-size: 13px; }
#shoutbox.collapsed .head { opacity: 0.6; }
#shoutbox.collapsed .body { display: none; }

#shoutbox .panel { border-top: solid 2px rgba(0,0,0,0.1); }
#shoutbox input.text { margin: 0; padding: 10px 8px; width: 100%; box-sizing: border-box; border: none; box-shadow: inset 0 2px 4px rgba(0,0,0,0.08); font-family: Arial, sans-serif; font-size: 12px; color: #000; }
#shoutbox .minposts, #shoutbox .blocked { padding: 6px; font-size: 11px; }
#shoutbox .panel.minposts { background: #FFFED8; color: #727250; }
#shoutbox .panel.blocked { background: #FCEFEF; color: #543A3A; }
#shoutbox .panel p { margin: 0; }

#shoutbox .window { border-top: solid 2px rgba(0,0,0,0.1); overflow-y: scroll; }
#shoutbox .data { display: table; width: 100%; border-top: solid 2px rgba(0,0,0,0.8); font-family: Arial, sans-serif; font-size: 12px; }
#shoutbox.front .data { border-top: none; }

#shoutbox .entry { display: table-row !important; width: 100%; transition: background-color 0.2s; }
#shoutbox .entry:nth-child(even) { background-color: rgba(0,0,0,0.01); }
#shoutbox .entry.new { background-color: rgba(255,255,100,0.1); }
#shoutbox .entry:target { background-color: rgba(50,200,255,0.1); }
#shoutbox .entry > div { border-bottom: dashed 1px rgba(0,0,0,0.05); }
#shoutbox .entry:last-child > div { border-bottom: none; }

#shoutbox .entry > div { display: table-cell; padding: 6px; }

#shoutbox .avatar img { margin: 0 auto; vertical-align: middle; max-height: 20px; max-width: 20px; border: 50% rgba(255,255,255,0.1); box-shadow: 0 0 2px rgba(0,0,0,0.1); cursor: pointer; }
#shoutbox .user { border-right: solid 1px rgba(0,0,0,0.05); text-align: right; white-space: nowrap; }
#shoutbox .text { width: 100%; color: #555; }
#shoutbox .info { font-size: 11px; color: #AAA; white-space: nowrap; text-align: right; }
#shoutbox .entry.unread .info:before { display: inline-block; position: relative; top: -2px; margin-right: 10px; height: 4px; width: 4px; content: ''; background: rgba(255,100,0,0.1); border-radius: 10px; }
#shoutbox .info a { color: inherit; }
#shoutbox .mod { padding: 6px 8px; font-size: 9px; font-weight: bold; color: #AAA; text-decoration: none; }
#shoutbox .mod:nth-of-type(2) { margin-right: 5px; border-left: solid 1px rgba(0,0,0,0.1); }
#shoutbox  .ip { margin-right: 10px; color: #CECECE; }

Tänud! :)




TONIGHT ON NALJAMEES :DDDDDDDDDDDDDD
avatar
Heroes


Postitusi : 8172
Maine : 337
Liitus : 02/04/2015
Vaata kasutaja profiili

PostitamineHeroes on 24.02.17 13:23

1. Võta taustapilt ära.
2. Muuda chatis kirjavärvi.
avatar
WieFFe

Postitusi : 1380
Maine : 44
Liitus : 24/06/2014
Vaata kasutaja profiili

PostitamineWieFFe on 24.02.17 13:55

@Heroes kirjutas:1. Võta taustapilt ära.
2. Muuda chatis kirjavärvi.
Ei taha väga taustapilti ära muuta. :D Pigem sebiks shotboxi tausta valgeks.
Pmst üksgi värv ei sobi nii, et korralikult näha oleks.

// EDIT: Eemaldasin taustapildi ära.
Teema võib lukku panna!




TONIGHT ON NALJAMEES :DDDDDDDDDDDDDD
avatar
Shawn Mendes

Postitusi : 948
Maine : 18
Liitus : 02/04/2015
Vaata kasutaja profiili

PostitamineShawn Mendes on 24.02.17 17:07

@Heroes kirjutas:1. Võta taustapilt ära.
2. Muuda chatis kirjavärvi.
Realy?

Dvz shoutboxi tausta pilti lisamiseks lisa window koodi lõppu background-color


#shoutbox .window { border-top: solid 2px rgba(0,0,0,0.1); overflow-y: scroll; background-color: #fff}


NOBODY CARES,
WORK HARDER

Vaata eelmist teemat Vaata järgmist teemat Tagasi üles

Postitada saavad ainult liitunud kasutajad

Vastamiseks tee endale kasutaja või logi sisse.

Liitu foorumiga

Tee endale kasutaja ning osale aruteludes.


Tee uus kasutaja

Logi sisse

Omad foorumis juba kasutajat? Logi sisse.


Logi sisse

 
Permissions in this forum:
Sa ei saa vastata siinsetele teemadele