Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Solved: 6 Years, 2 Months, 3 Weeks ago how do i get to stylesheets
#1
Solved: 6 Years, 2 Months, 3 Weeks ago
i wanna add this so my dvz shoutbox can function

/* DVZ Shoutbox */

#shoutbox { margin-bottom: 10px; }
#shoutbox div.thead { padding: 6px; font-weight: bold; }
#shoutbox.front .thead { cursor: pointer; }
#shoutbox .thead .right { float: right; margin: 0; font-size: 13px; font-weight: normal; color: #EEE; }
#shoutbox.collapsed .thead { opacity: 0.6; }
#shoutbox.collapsed .body { display: none; }
#shoutbox .panel { padding: 1px 0; background: #FAFAFA; }
#shoutbox input.text { padding: 8px; width: 100%; box-sizing: border-box; background: #FFF; border: 1px solid #CCC; box-shadow: inset 0 0 8px #EEE; 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 { padding: 1px; border: solid 1px #EEE; overflow-y: scroll; }
#shoutbox .data { display: table; width: 100%; background: #FFF; font: 12px Arial, sans-serif; }
#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.02); }
#shoutbox .entry.new { background-color: rgba(255,255,100,0.1); }
#shoutbox .entry > div { border-bottom: dashed 1px #F4F4F4; }
#shoutbox .entry:last-child > div { border-bottom: none; }
#shoutbox .avatar { display: table-cell; padding: 6px; }
#shoutbox .avatar img { margin: 0 auto; vertical-align: middle; max-height: 20px; max-width: 20px; border: solid 1px #FFF; box-shadow: 0 0 2px #E0E0E0; }
#shoutbox .user { display: table-cell; margin: 0; padding: 6px; text-align: right; white-space: nowrap; }
#shoutbox .text { display: table-cell; margin: 0; width: 100%; padding: 6px; color: #555; }
#shoutbox .call { cursor: pointer; color: #AAAAAA; }
#shoutbox .info { display: table-cell; padding: 4px; font-size: 11px; color: #AAA; text-align: right; white-space: nowrap; }
#shoutbox .info .date { margin-right: 5px; }
#shoutbox .info .ip { margin-right: 5px; color: #CECECE; }
#shoutbox .mod { padding: 6px 8px; font-size: 9px; font-weight: bold; color: #AAA; text-decoration: none; }
#shoutbox .mod:nth-of-type(2) { border-left: solid 1px #EEE; }
#shoutbox .ip { margin-left: 10px; }

but it says i need to add it to 'to your board stylesheets' where i dont know where it is ...

can anyone help?

thanks
User of  MyBB 1.6.15 and 1.8.4

MyBB Rocks! Big Grin


#2
Solved: 6 Years, 2 Months, 3 Weeks ago
forum admin panel >> Templates & Style >> Themes >> your theme >> global.css >> Edit Stylesheet: Advanced Mode (tab)
add the content at the bottom of global.css & save it. visit forum index page & hard refresh browser (eg. press CTRL + F5)
#3
Solved: 6 Years, 2 Months, 3 Weeks ago
thanks i think that worked but now when i post nothing happens 1 last step is
include jQuery library [jquery.com] in your 'headerinclude'

what does that mean ^^

thanks m appriciate it
User of  MyBB 1.6.15 and 1.8.4

MyBB Rocks! Big Grin


#4
Solved: 6 Years, 2 Months, 3 Weeks ago
if you are using MyAlerts plugin then jQuery is already added. some of the modern themes also use jQuery.

if not, you can add below code in headerinclude template (Ungrouped Templates)
<script type="text/javascript">
if (typeof jQuery == 'undefined') {
    document.write(unescape("%3Cscript src='http://code.jquery.com/jquery-1.9.1.min.js' type='text/javascript'%3E%3C/script%3E"));
}
</script>
#5
Solved: 6 Years, 2 Months, 3 Weeks ago
i added and get this

if (typeof jQuery == 'undefined') { document.write(unescape("%3Cscript src='http://code.jquery.com/jquery-1.9.1.min.js' type='text/javascript'%3E%3C/script%3E")); } /*********************************************** * Tab Content script v2.2- copyright Dynamic Drive DHTML code library (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code ***********************************************/
User of  MyBB 1.6.15 and 1.8.4

MyBB Rocks! Big Grin




Forum Jump:


Users browsing this thread: 1 Guest(s)