TP-Docs
HTML5 Icon HTML5 Icon HTML5 Icon
TP on Social Media

Recent

Welcome to TinyPortal. Please login or sign up.

Members
  • Total Members: 3,963
  • Latest: BiZaJe
Stats
  • Total Posts: 195,917
  • Total Topics: 21,308
  • Online today: 629
  • Online ever: 8,223 (February 19, 2025, 04:35:35 AM)
Users Online
  • Users: 0
  • Guests: 505
  • Total: 505

Need help with Facebook Javascript bloc...

Started by lextalionis, December 17, 2009, 05:28:40 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Lord Anubis

Great program! thanks

lextalionis add this to your existing style.css or create a new fanbox.css and change your path


@charset "utf-8";
/* Facebook Fanbox */

.fan_box
.full_widget
.connect_top {
border: none;
background-color: #000000;
}
.fan_box
.full_widget {
border: none;
}
.connect_top a {
color: #990000;
}
.connect_top a:hover {
color: #CC0000;
}
.fan_box
.connections {
background-color: #000000;
border: none;
color: #990000;
}
.fan_box
.connections_grid
.grid_item
.name {
color: #990000;
}


and change the color to what you need  :D

lextalionis

Very nice, thank you!

Almost looking the way I want.  I'm trying to get the hyperlinks in the topics to be orange ea7500 with a-hover of ffffff.

Here's the portal with the FB script in a bloc:  http://www.motleypixel.com/forum/index.php

Here's my current css I'm calling:
@charset "utf-8";
/* Facebook Fanbox */

.fan_box
.full_widget
.connect_top {
border: none;
background-color: #333333;
}
.fan_box
.full_widget {
border: none;
background-color: #333333;
color: #ea7500;
}
.connect_top a {
color: #ea7500;
}
.connect_top a:hover {
color: #ffffff;
}
.fan_box
.connections {
background-color: #333333;
border: none;
color: #ea7500;
}
.fan_box
.connections_grid
.grid_item
.name {
color: #ea7500;
}

Lord Anubis

add these after

.connect_button{
color:#666666;
background-color:#111111;
}
.UIActionButton_Text, .UIActionButton_Wrap{
background:#222222 none no-repeat scroll 0 0;
display:block;
}
.UIActionButton_BlueText .UIActionButton_Text {
color:#cccccc;
}
.name_block{
background-color:#111111;
width:180px;
margin:0;
padding:0;
}
.name a:hover{
color: #ffffff;
}
a:hover{
color:#ffffff;
}


and tweak em :)

This website is proudly hosted on Crocweb Cloud Website Hosting.