Jamroom Logo Jamroom 5 Core
is now Open Source!
User Support Forum Archive (Read Only)
Third Party Products and Support:
New Addon: Shout Box (Free!)
Douglas
Jamroom Team


Joined: 08 Oct 2004
Posts: 6639
Location: Tornado Alley!

Posted: 01/05/10 17:44 

mixy:
So i paste the code in my template where i want it to show?
Thank you.


Yes, the instructions are for putting it on the forum index for the Flashback skin, but you can put it anywhere you like. Note you'll want to change the class="title" and class="body_1" to classes used in your Proton2.css file and make sure the:

<img src="{$SKIN_URL}/images/chart_up.png" border=0>

are pointing to your up and down chart images if you have some, if not you can use the images from flash back if you like by either uploading them or changing the URL for the image.

Hope this helps Smile


_________________
Douglas Hackney
Jamroom Network Team Member: http://www.jamroom.net
Priority Support: http://www.jamroom.net/Support_Center
Back to top
mixy



Joined: 24 Jan 2009
Posts: 429

Posted: 01/06/10 02:38 
Here's the proton2 css
see if this helps.

/* --- GENERIC ---------- */

body {
background: transparent url("images/bell.gif") repeat-x;
font-family: Giorgia, Tahoma, Geneva, Verdana, sans-serif;
background-color: #000000;
margin: 0px;
padding: 0px;
padding-bottom: 30px;
font-size: 12px;
color: #FFFFFF;
}

p {
font-size: 1.1em;
line-height: 1.2em;
color: #FFFFFF;
}

a {
color: #FFAA00;
text-decoration: none;
}

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

img {
border: 0px #333333 solid;
}

img:hover {
opacity: .80;
filter: alpha(opacity=80);
border: 0px #999999 solid;
}


/* --- NAVBAR ---------- */

.navbar {
background: #111111;
padding: 10px;
}

.navbar ul {
text-align: center;
padding: 0px;
margin: 0px;
}

.navbar ul li {
font-size: 14px;
list-style-type: none;
display: inline;
}

.navbar ul li a {
background: #000000;
text-decoration: none;
border: 0px #222222 solid;
padding-top: 2px;
padding-left: 7px;
padding-right: 7px;
padding-bottom: 2px;
margin-right: 5px;
}

.navbar ul li a:hover {
color: #99CC00;
background: #000000;
border: 1px #333333 solid;
padding-top: 2px;
padding-left: 7px;
padding-right: 7px;
padding-bottom: 2px;
}

.nav-current {
color: #0099CC;
text-decoration: none;
}



/* --- HEADER ELEMENTS ---------- */

.welcome {
background-color: #222222;
padding: 7px;
padding-right: 20px;
font-size: 11px;
}

.basket {
float: left;
padding-left: 10px;
padding-top: 10px;
}

.header {
height: 165px;
background-image: url('images/logo.png');
background-repeat: no-repeat;
background-position: 10px 20px;
}

.search {
float: right;
margin-right: 25px;
margin-top: 10px;
padding: 10px;
border: 1px dotted #333333;
background-color: #090909;
}



/* --- MAIN AND COLUMN BOXES ---------- */

.box-1 {
padding: 10px;
margin-bottom: 20px;
border: 1px solid #333333;
background-color: #000000;
}

.box-2 {
padding: 10px;
margin-bottom: 20px;
border: 1px dotted #333333;
background-color: #090909;
}

.box-3 {
padding: 10px;
border: 1px dotted #333333;
background-color: #090909;
}

.box-4 {
padding: 5px;
font-size: 10px;
border: 1px dotted #333333;
background-color: #090909;
}


/* --- VARIOUS ---------- */

.page {
border: 1px #090909 solid;
padding: 4px;
text-align: center;
}

.page:hover {
background-color: #090909;
}

.info {
padding: 5px;
font-size: 12px;
text-align: center;
background-color: #090909;
color: #FFFFFF;
}

.info2 {
padding: 5px;
font-size: 12px;
background-color: #000000;
color: #FFFFFF;
}

.row {
padding: 1px;
font-size: 11px;
text-align: center;
background-color: #000000;
color: #FFFFFF;
}

.row2 {
padding: 5px;
font-size: 12px;
background-color: #222222;
color: #FFFFFF;
}

.hl-1 {
color: #FF0033;
}

.hl-2 {
color: #33CC66;
}

.hl-3 {
color: #3399FF;
}

.hl-4 {
color: #6699FF;
}

.bb_code{
padding: 3px;
background-color: #111;
font-family: monospace;
font-size: 11px;
border: 1px #333 solid;
}

.bb_quote{
padding: 3px;
background-color:#111;
font-style: italic;
border: 1px #333 solid;
}

.online {
font-weight: bold;
color: #66CC00;
text-decoration: blink;
}

.font-10px {
font-size: 10px;
}

.font-11px {
font-size: 11px;
}

.font-13px {
font-size: 13px;
}

.font-14px {
font-size: 14px;
}

.font-14px {
font-size: 14px;
}

.font-16px {
font-size: 16px;
}

.table {
background-color: #000000;
}

.table tr td {
font-family: "lucida grande", giorgia, verdana, sans-serif;
font-size: 14px;
padding: 3px 8px;
}

.table tr.selected:hover td {
background-color: #090909;
}

.table tr.selected-1 td {
background-color: #111111;
color: #996633;
}



/* --- SPACERS ---------- */

#spacer-2px {
margin: 2px;
}

#spacer-5px {
margin: 5px;
}

#spacer-10px {
height: 10px;
}

#spacer-20px {
height: 20px;
}

#spacer-30px {
height: 30px;
}



/* --- FORMS AND BUTTONS ---------- */

form.margin {
margin: 0px;
padding: 0px;
}

input.text, select, file {
font-size: 12px;
border: 1px #333333 solid;
}

input.button {
color: #0099CC;
border: 1px #333333 solid;
cursor: pointer;
background-color: #202020;
font-size: 11px;
font-weight: bold;
}

input.button:hover {
color: #99CC00;
background-color: #000000;
}

textarea {
font-size: 12px;
color: #000000;
border: 1px #333333 solid;
background-color: #FFFFEE;
}

.form-txt {
font-size: 11px;
color: #FFFFFF;
}



/* --- SUCCESS AND ERROR TEXT --------- */

.error {
color: #FF3300;
font-weight: bold;
}

.success {
color: #86BE3D;
font-weight: bold;
}



/* ---------- SITE FOOTER ---------- */

.footer {
margin-top: 60px;
text-align: center;
clear: both;
}

.footer-nav {
padding: 0px;
margin: 0px;
}

.footer-nav ul {
text-align: center;
padding: 0px;
margin: 0px;
}

.footer-nav ul li {
font-size: 12px;
list-style-type: none;
display: inline;
}

.footer-nav ul li a {
background: #000000;
text-decoration: none;
border: 1px #222222 solid;
padding-top: 2px;
padding-left: 7px;
padding-right: 7px;
padding-bottom: 2px;
margin-right: 5px;
}

.footer-nav ul li a:hover {
color: #99CC00;
background: #000000;
border: 1px #333333 solid;
padding-top: 2px;
padding-left: 7px;
padding-right: 7px;
padding-bottom: 2px;
}

.copyright {
text-align: center;
}



/* --- AJAX TABS -- */

.shadetabs {
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.no-shadetabs li {
display: inline;
margin: 0;
}

.shadetabs li {
display: inline;
margin: 0;
font-size: 12px;
}

.shadetabs li a {
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #333;
background-color: #222;
}

.shadetabs li a:hover {
text-decoration: underline;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a { /*selected main tab style */
color: #666666;
background-color: #000;
border-bottom-color: #000;
}

.shadetabs li.selected a:hover { /*selected main tab style */
text-decoration: none;
}



/* --- SHOW/HIDE CONTENT --------- */

.dhtml-title {
color: #0099CC;
font-size: 15px;
font-weight: bold;
padding-left: 20px;
}

.dhtml-menu {
padding-left: 10px;
}

.dhtmlgoodies_question {
color: #FFAA00;
overflow: hidden;
cursor: pointer;
text-decoration: none;
}

.dhtmlgoodies_question:hover {
color: #99CC00;
text-decoration: underline;
}

.dhtmlgoodies_answer {
visibility: hidden;
height: 0px;
overflow: hidden;
position: relative;
margin-top: 5px;
margin-bottom: 10px;
}



/* --- RATING STARS --------- */

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating {
background: url("images/rating_back.png") left -1000px repeat-x;
}
.star-rating {
position: relative;
width: 80px;
height: 16px;
overflow: hidden;
list-style: none;
margin: 0;
padding: 0;
background-position: left top;
}

.star-rating li {
display: inline;
}

.star-rating a,
.star-rating .current-rating {
position: absolute;
top: 0;
left: 0;
text-indent: -1000em;
height: 16px;
line-height: 16px;
outline: none;
overflow: hidden;
border: none;
}

.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus {
background-position: left bottom;
}

.star-rating a.star1-rating {
width: 20%;
z-index: 6;
}

.star-rating a.star2-rating {
width: 40%;
z-index: 5;
}

.star-rating a.star3-rating {
width: 60%;
z-index: 4;
}

.star-rating a.star4-rating {
width: 80%;
z-index: 3;
}

.star-rating a.star5-rating {
width: 100%;
z-index: 2;
}

.star-rating .current-rating {
z-index: 1;
background-position: left center;
}
/* Shout Box CSS */
.shoutbox_bckgrnd {
background-color:#000;
border:1px solid #00324B;
padding:5px;
}

Back to top
Douglas
Jamroom Team


Joined: 08 Oct 2004
Posts: 6639
Location: Tornado Alley!

Posted: 01/06/10 07:18 
If you can show me a link to the page you want it on, I might be able to help, just looking at the .css file doesn't help me much.

If I had to guess, I would say replace the title classes with something like row2 and the body_1, body_2 and body_3 classes to box-4.

Hope this helps Smile


_________________
Douglas Hackney
Jamroom Network Team Member: http://www.jamroom.net
Priority Support: http://www.jamroom.net/Support_Center
Back to top
mixy



Joined: 24 Jan 2009
Posts: 429

Posted: 01/07/10 00:57 

SixString:


Note you'll want to change the class="title" and class="body_1" to classes used in your Proton2.css file:


So Six,please what do i change in the css file,you already can see my css i posted.
Thanks.

Back to top
Douglas
Jamroom Team


Joined: 08 Oct 2004
Posts: 6639
Location: Tornado Alley!

Posted: 01/07/10 07:37 

mixy:

SixString:


Note you'll want to change the class="title" and class="body_1" to classes used in your Proton2.css file:


So Six,please what do i change in the css file,you already can see my css i posted.
Thanks.


You don't need to change anything in the Proton2.css file, in the templates you got from the ShoutBox download, you'll need to change the classes as I stated in my last post.

If you like, I can set this up for you... I'll need admin access and FTP access.

Hope this helps Smile


_________________
Douglas Hackney
Jamroom Network Team Member: http://www.jamroom.net
Priority Support: http://www.jamroom.net/Support_Center
Back to top
mixy



Joined: 24 Jan 2009
Posts: 429

Posted: 01/07/10 08:26 
Thank you Sixstring,where can i email the admin details to?
Thank you

Back to top
Douglas
Jamroom Team


Joined: 08 Oct 2004
Posts: 6639
Location: Tornado Alley!

Posted: 01/07/10 10:39 

mixy:
Thank you Sixstring,where can i email the admin details to?
Thank you


douglas[at]jamroom.net


_________________
Douglas Hackney
Jamroom Network Team Member: http://www.jamroom.net
Priority Support: http://www.jamroom.net/Support_Center
Back to top
mixy



Joined: 24 Jan 2009
Posts: 429

Posted: 01/17/10 12:21 
Thanks Six,this is a really cool addon.It encourages interaction among members.
Nice !!!!

Back to top
Douglas
Jamroom Team


Joined: 08 Oct 2004
Posts: 6639
Location: Tornado Alley!

Posted: 01/18/10 07:38 

mixy:
Thanks Six,this is a really cool addon.It encourages interaction among members.
Nice !!!!


Your welcome! Smile


_________________
Douglas Hackney
Jamroom Network Team Member: http://www.jamroom.net
Priority Support: http://www.jamroom.net/Support_Center
Back to top
Display posts from previous:   
User Support Forum Archive (Read Only)
Third Party Products and Support

< Previous123
 
Solutions
• Social Media Platform
• Social Networking Software
• Musician Website Manager
• Community Builder
Products
• Jamroom Core
• Jamroom Addons
• Jamroom Modules
• Jamroom Marketplace
Support
• Support Forum
• Documentation
• Support Center
• Contact Support
Community
• Community Forum
• Member Sites
• Developers
Company
• About Us
• Contact Us
• Privacy Policy
©2003 - 2010 Talldude Networks, LLC.