Social Net...

2008paul · Sep 12, 2009

Hey all,

I installed the Social Networking mod to my site but it's not working right as you can see by the image.

How can I fix this?
Yes i've added the icons into the image folder.

John1 · Sep 12, 2009

Are you sure it's supposed to be an icon? I looked at the html/css for that particular bit and it doesn't seem to have any image code.

2008paul · Sep 12, 2009

As far as I know, It's same one this site use.

Here a link to the mod > http://www.phpbb.com/community/viewtopi ... &t=1264865

John1 · Sep 12, 2009

Could you please post the code you put in the viewtopic_body.html file please.

Wrap it in code tags.

Thanks.

2008paul · Sep 12, 2009

Code:

					<!-- IF postrow.POSTER_JOINED --><br /><b>{L_JOINED}:</b> {postrow.POSTER_JOINED}<!-- ENDIF -->
					<!-- IF postrow.POSTER_POSTS != '' --><br /><b>{L_POSTS}:</b> {postrow.POSTER_POSTS}<!-- ENDIF -->
					<!-- IF postrow.POSTER_FROM --><br /><b>{L_LOCATION}:</b> {postrow.POSTER_FROM}<!-- ENDIF -->
					<!-- IF postrow.POSTER_MOOD --><br /><b>{L_MOOD}:</b> {postrow.POSTER_MOOD}<!-- ENDIF -->
					<!-- IF postrow.U_BEBO --><li class="bebo-icon"><a href="http://www.bebo.com/{postrow.U_BEBO}"  title="{L_BEBO}"><span>{L_BEBO}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_BLOGGER --><li class="blogger-icon"><a href="{postrow.U_BLOGGER}" title="{L_BLOGGER}"><span>{L_BLOGGER}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_FACEBOOK --><li class="facebook-icon"><a href="{postrow.U_FACEBOOK}" title="{L_FACEBOOK}"><span>{L_FACEBOOK}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_GOODREADS --><li class="goodreads-icon"><a href="{postrow.U_GOODREADS}" title="{L_GOODREADS}"><span>{L_GOODREADS}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_LINKEDIN --><li class="linkedin-icon"><a href="{postrow.U_LINKEDIN}" title="{L_LINKEDIN}"><span>{L_LINKEDIN}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_MYSPACE --><li class="myspace-icon"><a href="http://www.myspace.com/{postrow.U_MYSPACE}" title="{L_MYSPACE}"><span>{L_MYSPACE}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_NETLOG --><li class="netlog-icon"><a href="{postrow.U_NETLOG}" title="{L_NETLOG}"><span>{L_NETLOG}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_TWITTER --><li class="twitter-icon"><a href="http://www.twitter.com/{postrow.U_TWITTER}" title="{L_TWITTER}"><span>{L_TWITTER}</span></a></li><!-- ENDIF -->

John1 · Sep 12, 2009

Did you add this:

Code:

ul.profile-icons li.bebo-icon	{ width: {IMG_ICON_CONTACT_BEBO_WIDTH}px; height: {IMG_ICON_CONTACT_BEBO_HEIGHT}px; }
ul.profile-icons li.blogger-icon	{ width: {IMG_ICON_CONTACT_BLOGGER_WIDTH}px; height: {IMG_ICON_CONTACT_BLOGGER_HEIGHT}px; }
ul.profile-icons li.facebook-icon{ width: {IMG_ICON_CONTACT_FB_WIDTH}px; height: {IMG_ICON_CONTACT_FB_HEIGHT}px; }
ul.profile-icons li.goodreads-icon{ width: {IMG_ICON_CONTACT_GR_WIDTH}px; height: {IMG_ICON_CONTACT_GR_HEIGHT}px; }
ul.profile-icons li.linkedin-icon{ width: {IMG_ICON_CONTACT_LI_WIDTH}px; height: {IMG_ICON_CONTACT_LI_HEIGHT}px; }
ul.profile-icons li.myspace-icon	{ width: {IMG_ICON_CONTACT_MS_WIDTH}px; height: {IMG_ICON_CONTACT_MS_HEIGHT}px; }
ul.profile-icons li.netlog-icon	{ width: {IMG_ICON_CONTACT_NETLOG_WIDTH}px; height: {IMG_ICON_CONTACT_NETLOG_HEIGHT}px; }
ul.profile-icons li.twitter-icon	{ width: {IMG_ICON_CONTACT_TWIT_WIDTH}px; height: {IMG_ICON_CONTACT_TWIT_HEIGHT}px; }

After:

Code:

ul.profile-icons li.web-icon	{ width: {IMG_ICON_CONTACT_WWW_WIDTH}px; height: {IMG_ICON_CONTACT_WWW_HEIGHT}px; }

In your styles/yourstyle/imageset/imageset.cfg file?

2008paul · Sep 12, 2009

yes, The style is subsilver 2 btw

Code:

#
# phpBB style configuration file
#
# @package phpBB3
# @copyright (c) 2005 phpBB Group
# @license http://opensource.org/licenses/gpl-license.php GNU Public License
#
#
# At the left is the name, please do not change this
# At the right the value is entered
# For on/off options the valid values are on, off, 1, 0, true and false
#
# Values get trimmed, if you want to add a space in front or at the end of
# the value, then enclose the value with single or double quotes.
# Single and double quotes do not need to be escaped.
#
#

# General Information about this style
name = MyStyle
copyright = &copy; phpbb3stylers.com
version = 3.0.2

img_site_logo = site_logo.gif*94*170
img_icon_post_target = icon_post_target.gif*9*12
img_icon_post_target_unread = icon_post_target_unread.gif*9*12
img_icon_topic_attach = icon_topic_attach.gif*18*14
img_icon_topic_latest = icon_topic_latest.gif*9*18
img_icon_topic_newest = icon_topic_newest.gif*9*18
img_icon_topic_reported = icon_topic_reported.png*19*19
img_icon_topic_unapproved = icon_topic_unapproved.png*19*19
img_icon_contact_bebo = icon_contact_bebo.gif*20*20
img_icon_contact_blogger = icon_contact_blogger.gif*20*20
img_icon_contact_fb = icon_contact_fb.gif*20*20
img_icon_contact_gr = icon_contact_gr.gif*20*20
img_icon_contact_li = icon_contact_li.gif*20*20
img_icon_contact_ms = icon_contact_ms.gif*20*20
img_icon_contact_netlog = icon_contact_netlog.gif*20*20
img_icon_contact_twit = icon_contact_twit.gif*20*20
ul.profile-icons li.bebo-icon   { width: {IMG_ICON_CONTACT_BEBO_WIDTH}px; height: {IMG_ICON_CONTACT_BEBO_HEIGHT}px; }
ul.profile-icons li.blogger-icon   { width: {IMG_ICON_CONTACT_BLOGGER_WIDTH}px; height: {IMG_ICON_CONTACT_BLOGGER_HEIGHT}px; }
ul.profile-icons li.facebook-icon{ width: {IMG_ICON_CONTACT_FB_WIDTH}px; height: {IMG_ICON_CONTACT_FB_HEIGHT}px; }
ul.profile-icons li.goodreads-icon{ width: {IMG_ICON_CONTACT_GR_WIDTH}px; height: {IMG_ICON_CONTACT_GR_HEIGHT}px; }
ul.profile-icons li.linkedin-icon{ width: {IMG_ICON_CONTACT_LI_WIDTH}px; height: {IMG_ICON_CONTACT_LI_HEIGHT}px; }
ul.profile-icons li.myspace-icon   { width: {IMG_ICON_CONTACT_MS_WIDTH}px; height: {IMG_ICON_CONTACT_MS_HEIGHT}px; }
ul.profile-icons li.netlog-icon   { width: {IMG_ICON_CONTACT_NETLOG_WIDTH}px; height: {IMG_ICON_CONTACT_NETLOG_HEIGHT}px; }
ul.profile-icons li.twitter-icon   { width: {IMG_ICON_CONTACT_TWIT_WIDTH}px; height: {IMG_ICON_CONTACT_TWIT_HEIGHT}px; }
img_forum_link = forum_link.png*29*29
img_forum_read = forum_read.png*29*29
img_forum_read_locked = forum_read_locked.png*29*29
img_forum_read_subforum = forum_read_subforum.png*29*29
img_forum_unread = forum_unread.png*29*29
img_forum_unread_locked = forum_unread_locked.png*29*29
img_forum_unread_subforum = forum_unread_subforum.png*29*29
img_topic_moved = topic_moved.png*19*19
img_topic_read = topic_read.png*19*19
img_topic_read_mine = topic_read_mine.png*19*19
img_topic_read_hot = topic_read_hot.png*19*19
img_topic_read_hot_mine = topic_read_hot_mine.png*19*19
img_topic_read_locked = topic_read_locked.png*19*19
img_topic_read_locked_mine = topic_read_locked_mine.png*19*19
img_topic_unread = topic_unread.png*19*19
img_topic_unread_mine = topic_unread_mine.png*19*19
img_topic_unread_hot = topic_unread_hot.png*19*19
img_topic_unread_hot_mine = topic_unread_hot_mine.png*19*19
img_topic_unread_locked = topic_unread_locked.png*19*19
img_topic_unread_locked_mine = topic_unread_locked_mine.png*19*19
img_sticky_read = sticky_read.png*19*19
img_sticky_read_mine = sticky_read_mine.png*19*19
img_sticky_read_locked = sticky_read_locked.png*19*19
img_sticky_read_locked_mine = sticky_read_locked_mine.png*19*19
img_sticky_unread = sticky_unread.png*19*19
img_sticky_unread_mine = sticky_unread_mine.png*19*19
img_sticky_unread_locked = sticky_unread_locked.png*19*19
img_sticky_unread_locked_mine = sticky_unread_locked_mine.png*19*19
img_announce_read = announce_read.png*19*19
img_announce_read_mine = announce_read_mine.png*19*19
img_announce_read_locked = announce_read_locked.png*19*19
img_announce_read_locked_mine = announce_read_locked_mine.png*19*19
img_announce_unread = announce_unread.png*19*19
img_announce_unread_mine = announce_unread_mine.png*19*19
img_announce_unread_locked = announce_unread_locked.png*19*19
img_announce_unread_locked_mine = announce_unread_locked_mine.png*19*19
img_global_read = announce_read.png*19*19
img_global_read_mine = announce_read_mine.png*19*19
img_global_read_locked = announce_read_locked.png*19*19
img_global_read_locked_mine = announce_read_locked_mine.png*19*19
img_global_unread = announce_unread.png*19*19
img_global_unread_mine = announce_unread_mine.png*19*19
img_global_unread_locked = announce_unread_locked.png*19*19
img_global_unread_locked_mine = announce_unread_locked_mine.png*19*19
img_pm_read = topic_read.png*19*19
img_pm_unread = topic_unread.png*19*19
img_poll_left = poll_left.gif*12*4
img_poll_center = poll_center.gif*12
img_poll_right = poll_right.gif*12*4
img_upload_bar = upload_bar.gif*16*280

John1 · Sep 12, 2009

No that's the imagesheet, you must add the code I gave you to the CSS file.

2008paul · Sep 12, 2009

That is the code from /yourstyle/imageset/imageset.cfg

John1 · Sep 12, 2009

Theres an error along the way somewhere, because it's not getting the image it needs.

2008paul · Sep 12, 2009

I've look at all the edits and they are all right though.

John1 · Sep 12, 2009

After editing the imageset did you refresh your style after?

2008paul · Sep 12, 2009

John1 · Sep 12, 2009

Purge the cache also?

2008paul · Sep 12, 2009

John1 · Sep 12, 2009

If you have correctly edited the required files, I do not know what the problem can be.

2008paul · Sep 12, 2009

Thanks for your help any way,
Will have to see if any of admins can help on here as they use same mod or if not ask on phpbb

But I am 100% sure I done it all right.

John1 · Sep 12, 2009

Ok if you find the solution don't forget to post it here, I would like to know 🙂

2008paul · Sep 13, 2009

Bump, Do any of the staff know how to fix this? or any one.

2008paul · Sep 13, 2009

Any one 🙁

Social Net...

Paragon

Paragon

Paragon

Paragon

Paragon

Paragon

Paragon

Paragon

Paragon

Paragon

Paragon

Paragon

Paragon

Paragon

Paragon

Paragon

Paragon

Paragon

Paragon

Paragon

About Us

Sponsors

Affiliates

Stay Connected

We value your privacy