top



Hello all,

I was wondering how I could manipulate the forum widgets so I can add some HTML into them. For example, I want to add some HTML into Statistics, Who is Online, Etc. but there is not a modification button. I know that I can create a widget and add some HTML... o-o

ACP - Display - Templates - Portal (:

Only valid if you use punBB or phpBB2 Wink

Hmm... Let's say I wanted to change the font of the title of the widget... How would I do that when I go to ACP > Display > Templates > Portal? :o

You can do that with CSS... but do you want to change only one title ? (:

All of the titles please. (:

Okay go to the CSS
ACP - Display - Colors - CSS stylesheet:
and add this:

Code:
.module .h3 {
   CODES GOES HERE
   }

hmm I wrote this and it did not change the widget title colors. o-o

Code:
.module .h3 {
  Color:#27b1cd;
  }

0.)
Are you sure :d?
try this:

Code:
.module .h3 {
        color: #27b1cd !important;
   }

Hmm... No luck... Is there any misleading code in my CSS or any code that might prevent the code you gave me? :o

Code:
body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur120.cur), progress;}

#i_icon_mini_index{
background-image: url(http://i64.servimg.com/u/f64/15/94/31/53/forum111.png);
filter:alpha(opacity=50); opacity:0.5;
-moz-transition-duration: 1.0s;
-webkit-transition-duration: 1.0s;
-o-transition-duration: 1.0s;
width: 110px;
height: 35px;
}
#i_icon_mini_index:hover{
background-image: url(http://i64.servimg.com/u/f64/15/94/31/53/forum211.png);
filter:alpha(opacity=100); opacity:1.0;
width: 110px;
height: 35px;
}

#i_icon_mini_portal{
background-image: url(http://i64.servimg.com/u/f64/15/94/31/53/portal14.png);
filter:alpha(opacity=50); opacity:0.5;
-moz-transition-duration: 1.0s;
-webkit-transition-duration: 1.0s;
-o-transition-duration: 1.0s;
width: 110px;
height: 35px;
}
#i_icon_mini_portal:hover{
background-image: url(http://i64.servimg.com/u/f64/15/94/31/53/portal16.png);
filter:alpha(opacity=100); opacity:1.0;
width: 110px;
height: 35px;
}

#i_icon_mini_calendar{
background-image: url(http://illiweb.com/fa/empty.gif);
width: 110px;
height: 35px;
}
#i_icon_mini_calendar:hover{
background-image: url(http://illiweb.com/fa/empty.gif);
width: 110px;
height: 35px;
}

#i_icon_mini_faq{
background-image: url(http://i64.servimg.com/u/f64/15/94/31/53/faq110.png);
filter:alpha(opacity=50); opacity:0.5;
-moz-transition-duration: 1.0s;
-webkit-transition-duration: 1.0s;
-o-transition-duration: 1.0s;
width: 110px;
height: 35px;
}
#i_icon_mini_faq:hover{
background-image: url(http://i64.servimg.com/u/f64/15/94/31/53/faq210.png);
filter:alpha(opacity=100); opacity:1.0;
width: 110px;
height: 35px;
}

#i_icon_mini_search{
background-image: url(http://i64.servimg.com/u/f64/15/94/31/53/search11.png);
filter:alpha(opacity=50); opacity:0.5;
-moz-transition-duration: 1.0s;
-webkit-transition-duration: 1.0s;
-o-transition-duration: 1.0s;
width: 110px;
height: 35px;
}
#i_icon_mini_search:hover{
background-image: url(http://i64.servimg.com/u/f64/15/94/31/53/search12.png);
filter:alpha(opacity=100); opacity:1.0;
width: 110px;
height: 35px;
}

#i_icon_mini_members {
background-image: url(http://i64.servimg.com/u/f64/15/94/31/53/member11.png);
filter:alpha(opacity=50); opacity:0.5;
-moz-transition-duration: 1.0s;
-webkit-transition-duration: 1.0s;
-o-transition-duration: 1.0s;
width: 110px;
height: 35px;
}
#i_icon_mini_members:hover{
background-image: url(http://i64.servimg.com/u/f64/15/94/31/53/member12.png);
filter:alpha(opacity=100); opacity:1.0;
width: 110px;
height: 35px;
}

#i_icon_mini_groups {
background-image: url(http://i64.servimg.com/u/f64/15/94/31/53/groups11.png);
filter:alpha(opacity=50); opacity:0.5;
-moz-transition-duration: 1.0s;
-webkit-transition-duration: 1.0s;
-o-transition-duration: 1.0s;
width: 110px;
height: 35px;
}
#i_icon_mini_groups:hover{
background-image: url(http://i64.servimg.com/u/f64/15/94/31/53/groups12.png);
filter:alpha(opacity=100); opacity:1.0;
width: 110px;
height: 35px;
}


#i_icon_mini_profile{
background-image: url(http://i64.servimg.com/u/f64/15/94/31/53/profil11.png);
filter:alpha(opacity=50); opacity:0.5;
-moz-transition-duration: 1.0s;
-webkit-transition-duration: 1.0s;
-o-transition-duration: 1.0s;
width: 110px;
height: 35px;;
}
#i_icon_mini_profile:hover{
background-image: url(http://i64.servimg.com/u/f64/15/94/31/53/profil12.png);
filter:alpha(opacity=100); opacity:1.0;
width: 110px;
height: 35px;
}

#i_icon_mini_message{
background-image: url(http://i64.servimg.com/u/f64/15/94/31/53/mailbo10.png);
filter:alpha(opacity=50); opacity:0.5;
-moz-transition-duration: 1.0s;
-webkit-transition-duration: 1.0s;
-o-transition-duration: 1.0s;
width: 110px;
height: 35px;
}
#i_icon_mini_message:hover{
background-image: url(http://i64.servimg.com/u/f64/15/94/31/53/mailbo11.png);
filter:alpha(opacity=100); opacity:1.0;
width: 110px;
height: 35px;
}

#i_icon_mini_new_message{
background-image: url(http://i64.servimg.com/u/f64/15/94/31/53/newmai10.png);
filter:alpha(opacity=50); opacity:0.5;
-moz-transition-duration: 1.0s;
-webkit-transition-duration: 1.0s;
-o-transition-duration: 1.0s;
width: 110px;
height: 35px;
}
#i_icon_mini_new_message:hover{
background-image: url(http://i64.servimg.com/u/f64/15/94/31/53/newmai11.png);
filter:alpha(opacity=100); opacity:1.0;
width: 110px;
height: 35px;
}

#i_icon_mini_register{
background-image: url(http://a.imageshack.us/img717/3903/registerw.png);
filter:alpha(opacity=50); opacity:0.5;
-moz-transition-duration: 1.0s;
-webkit-transition-duration: 1.0s;
-o-transition-duration: 1.0s;
width: 110px;
height: 35px;
}
#i_icon_mini_register:hover{
background-image: url(http://a.imageshack.us/img717/3903/registerw.png);
filter:alpha(opacity=100); opacity:1.0;
width: 110px;
height: 35px;
}

#i_icon_mini_login{
background-image: url(http://i64.servimg.com/u/f64/15/94/31/53/login110.png);
filter:alpha(opacity=50); opacity:0.5;
-moz-transition-duration: 1.0s;
-webkit-transition-duration: 1.0s;
-o-transition-duration: 1.0s;
width: 110px;
height: 35px;
}
#i_icon_mini_login:hover{
background-image: url(http://i64.servimg.com/u/f64/15/94/31/53/login210.png);
filter:alpha(opacity=100); opacity:1.0;
width: 110px;
height: 35px;
}

#i_icon_mini_logout{
background-image: url(http://i64.servimg.com/u/f64/15/94/31/53/logout11.png);
filter:alpha(opacity=50); opacity:0.5;
-moz-transition-duration: 1.0s;
-webkit-transition-duration: 1.0s;
-o-transition-duration: 1.0s;
width: 110px;
height: 35px;
}
#i_icon_mini_logout:hover{
background-image: url(http://i64.servimg.com/u/f64/15/94/31/53/logout12.png);
filter:alpha(opacity=100); opacity:1.0;
width: 110px;
height: 35px;
}

#sidenav {
filter:alpha(opacity=50); opacity:0.5;
-moz-transition-duration: 1.0s;
-webkit-transition-duration: 1.0s;
-o-transition-duration: 1.0s;
}

#sidenav:hover{
 filter:alpha(opacity=100); opacity:1.0;
}

.bodyline {
background : url(http://i64.servimg.com/u/f64/13/94/19/07/backgr10.png) repeat !important;
}

a:link, a:active, a:visited {
        color: Color Here;
  text-shadow: 1px 1px 1px #000;
        -moz-transition-duration: 0.5s;
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
  }

a:active {
  color: Color Here;
        text-shadow: -1px -1px 1px #000;
  }

form#quick_reply textarea#text_editor_textarea {
height : 50px;
-webkit-transition : height 1s ease-in-out;
-o-transition : height 1s ease-in-out;
-moz-transition : height 1s ease-in-out;
transition : height 1s ease-in-out;
}

form#quick_reply textarea#text_editor_textarea:focus {
height : 100px;
}

.module .h3 {
        color: #27b1cd !important;
  }

The code was for #punbb again Happy
try this:

Code:
.module-title {
        color: #27b1cd !important;
  }

There we go! Oh man Gangstar, you are the Guru! *bows*

Lol Happy
Glad i could help ;D
Solved + Locked