The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

groups in photo

View previous topic View next topic Go down

groups in photo

Post by kieksė on August 20th 2013, 5:31 pm

sorry about the title , my english is not very good so i could't explain better . so i saw groups in circle with gif spinning in border http://vdlifers.ohmylife.net/ in this forrum ( scroll down ) and when you put mouse on it it spinns ! how do you make it ? at least how you make it with gif .my forum : http://mikepukuotukas.forumlt.com/

kieksė
Forumember

Female Posts : 69
Reputation : 1
Language : lithuanian - english - korean - russian

Back to top Go down

Re: groups in photo

Post by Castellana on August 20th 2013, 5:47 pm

Here is a screen shot of it. When you mouse over, the circles spin.


Just trying to help. I'm interested in this feature, too! phpBB2

Castellana
Forumember

Female Posts : 282
Reputation : 5
Language : english

http://cvas.forumotion.com/portal

Back to top Go down

Re: groups in photo

Post by kieksė on August 20th 2013, 6:24 pm

i want to know how too ! xD

kieksė
Forumember

Female Posts : 69
Reputation : 1
Language : lithuanian - english - korean - russian

Back to top Go down

Re: groups in photo

Post by Ange Tuteur on August 20th 2013, 7:05 pm

Hello kieksė,

Judging by where its located you'll most likely have to modify the index_body template. While in there you will place a class name, link, and image source.

Example: do note that you need to apply a valid image url to 'IMG SRC'
Code:
<span class="group-spin"><a href="/g1-administrators" target="_blank"><img src="IMG SRC" /></a></span>
The overall CSS would look something like this:
Code:
group-spin{
transition:0.5s;
}
group-spin:hover{
transform:rotate(360deg);
}

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Re: groups in photo

Post by kieksė on August 21st 2013, 7:59 am

hello , so my index_body is a little modified to be in the center . so can you please tell me what i have to delete and where to post first code in the index_body ? ^^

kieksė
Forumember

Female Posts : 69
Reputation : 1
Language : lithuanian - english - korean - russian

Back to top Go down

Re: groups in photo

Post by Ikerepc on August 21st 2013, 9:06 am

If it is modified, can you post your index_body here?

Ikerepc
Active Poster

Male Posts : 1114
Reputation : 152
Language : Croatian, HTML, CSS, jQuery, JavaScript, PHP, SQL, Bascom, Python, C, FBD & LAD for PLC and more... Little English :D
Location : Around electronics and progmamming ;)

http://help.forumotion.com

Back to top Go down

Re: groups in photo

Post by DarkAngel843 on August 21st 2013, 1:32 pm

No doubt that I'll be needing help for my forum sooner or later.

DarkAngel843
New Member

Posts : 3
Reputation : 1
Language : English

Back to top Go down

Re: groups in photo

Post by kieksė on August 21st 2013, 4:44 pm

Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 <!-- BEGIN message_admin_titre -->
 <tr>
 <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
 </tr>
 <!-- END message_admin_titre -->
 <!-- BEGIN message_admin_txt -->
 <tr>
 <td class="row1" rowspan="3" align="center" valign="middle">
 <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
 </td>
 </tr>
 <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
 <!-- BEGIN switch_fb_connect_no -->
 <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
 <tr>
 <td class="row1" align="center">
 <table border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td><span class="genmed">{L_USERNAME}:</span> </td>
 <td><input class="post" type="text" size="10" name="username"/> </td>
 <td>
 <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
 <span class="gensmall">{L_AUTO_LOGIN}</span>
 </td>
 </tr>

 <tr>
 <td><span class="genmed">{L_PASSWORD}:</span> </td>
 <td><input class="post" type="password" size="10" name="password"/> </td>
 <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
 </tr>
 </table>
 </td>
 </tr>
 </table>
 <!-- END switch_fb_connect_no -->

 <!-- BEGIN switch_fb_connect -->
 <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
 <tr>
 <td valign="top" width="100%" class="row1" align="center">
 <table width="100%">
 <tr>
 <td width="55%" valign="middle" align="right">
 <table class="right">
 <tr>
 <td><span class="genmed">{L_USERNAME}:</span> </td>
 <td><input class="post" type="text" size="10" name="username"/> </td>
 <td>
 <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
 <span class="gensmall">{L_AUTO_LOGIN}</span>
 </td>
 </tr>

 <tr>
 <td><span class="genmed">{L_PASSWORD}:</span> </td>
 <td><input class="post" type="password" size="10" name="password"/> </td>
 <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
 </tr>
 </table>
 </td>
 <td width="10%" align="center" valign="middle">
 <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
 </td>
 <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
 </tr>
 </table>
 </td>
 </tr>
 </table>
 <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td width="50%" valign="top">
 <!-- BEGIN switch_user_logged_in -->
 <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
 <!-- END switch_user_logged_in -->
 <!-- BEGIN switch_delete_cookies -->
 <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
 <!-- END switch_delete_cookies -->
 </td>
 <td width="50%" align="right">
 <span class="gensmall">
 <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
 <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
 <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
 <!-- BEGIN switch_on_index -->
 <!-- BEGIN switch_delete_cookies -->
 <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
 <!-- END switch_delete_cookies -->
 <!-- END switch_on_index -->
 </span>
 </td>
 </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
 <!-- BEGIN switch_fb_connect_no -->
 <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
 <tr>
 <td class="row1" align="center">
 <table border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td><span class="genmed">{L_USERNAME}:</span> </td>
 <td><input class="post" type="text" size="10" name="username"/> </td>
 <td>
 <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
 <span class="gensmall">{L_AUTO_LOGIN}</span>
 </td>
 </tr>

 <tr>
 <td><span class="genmed">{L_PASSWORD}:</span> </td>
 <td><input class="post" type="password" size="10" name="password"/> </td>
 <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
 </tr>
 </table>
 </td>
 </tr>
 </table>
 <!-- END switch_fb_connect_no -->

 <!-- BEGIN switch_fb_connect -->
 <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
 <tr>
 <td valign="top" width="100%" class="row1" align="center">
 <table width="100%">
 <tr>
 <td width="55%" valign="middle">
 <table class="right">
 <tr>
 <td><span class="genmed">{L_USERNAME}:</span> </td>
 <td><input class="post" type="text" size="10" name="username"/> </td>
 <td>
 <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
 <span class="gensmall">{L_AUTO_LOGIN}</span>
 </td>
 </tr>

 <tr>
 <td><span class="genmed">{L_PASSWORD}:</span> </td>
 <td><input class="post" type="password" size="10" name="password"/> </td>
 <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
 </tr>
 </table>
 </td>
 <td width="10%" align="center" valign="middle">
 <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
 </td>
 <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
 </tr>
 </table>
 </td>
 </tr>
 </table>
 <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="text-align:center;">
 <tr>
 <td class="catHead" colspan="2" height="28">
 <!-- BEGIN switch_viewonline_link -->
 <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
 <!-- END switch_viewonline_link -->

 <!-- BEGIN switch_viewonline_nolink -->
 <span class="cattitle">{L_WHO_IS_ONLINE}</span>
 <!-- END switch_viewonline_nolink -->
 </td>
 </tr>
 <tr>
 <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
 <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
 {TOTAL_USERS}<br />
 {NEWEST_USER}</span></td>
 </tr>
 <tr>
 <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
 {RECORD_USERS}<br />
 <br />
 {LOGGED_IN_USER_LIST}</span></td>
 </tr>
 {L_CONNECTED_MEMBERS}
 {L_WHOSBIRTHDAY_TODAY}
 {L_WHOSBIRTHDAY_WEEK}
 <tr>
 <td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
 </tr>
 <!-- BEGIN switch_chatbox_activate -->
 <tr>
 <td class="row1">
 <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
 <!-- BEGIN switch_chatbox_popup -->
 <div id="chatbox_popup"></div>
 <script type="text/javascript">
 //<![CDATA[
 insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
 //]]>
 </script>
 <!-- END switch_chatbox_popup -->
 </span>
 </td>
 </tr>
 <!-- END switch_chatbox_activate -->
</table>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
 <tr>
 <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
 <td><span class="gensmall">{L_NEW_POSTS}</span></td>
 <td></td>
 <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
 <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
 <td>  </td>
 <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
 <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
 </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
 appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
 status: true,
 cookie: true,
 xfbml: true,
 oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->
here is my index_body .^^

kieksė
Forumember

Female Posts : 69
Reputation : 1
Language : lithuanian - english - korean - russian

Back to top Go down

Re: groups in photo

Post by Ange Tuteur on August 21st 2013, 7:28 pm

I've set up an example for you on my test forum, scroll to the bottom to see it. http://angestesting.forumotion.com/forum

It is near the bottom between <!-- END switch_chatbox_activate --> and <!-- END disable_viewonline --> this is the code I've setup:
Code:
<table align="center">
 <td>
  <tr>
  <td class="group-spin">
 <a href="/g1-administrators" target="_blank"><img src="http://i74.servimg.com/u/f74/18/21/41/30/ex15.png" /></a>
  </td>
  </tr>
 </td>
</table>
and put this in your CSS:
Code:
.group-spin{
padding: 2px;
transition-duration: 0.5s;
transition-timing-function: linear;
}
.group-spin:hover{
transform: rotate(360deg);
}
This is your modified template:
So you can see what I've done and work from it if you wish.
Code:
{JAVASCRIPT}
  <!-- BEGIN message_admin_index -->
  <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <!-- BEGIN message_admin_titre -->
  <tr>
  <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
  </tr>
  <!-- END message_admin_titre -->
  <!-- BEGIN message_admin_txt -->
  <tr>
  <td class="row1" rowspan="3" align="center" valign="middle">
  <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
  </td>
  </tr>
  <!-- END message_admin_txt -->
  </table>
  <!-- END message_admin_index -->

  <!-- BEGIN switch_user_login_form_header -->
  <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <!-- BEGIN switch_fb_connect_no -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
  <tr>
  <td class="row1" align="center">
  <table border="0" cellspacing="0" cellpadding="0">
  <tr>
  <td><span class="genmed">{L_USERNAME}:</span> </td>
  <td><input class="post" type="text" size="10" name="username"/> </td>
  <td>
  <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
  <span class="gensmall">{L_AUTO_LOGIN}</span>
  </td>
  </tr>

  <tr>
  <td><span class="genmed">{L_PASSWORD}:</span> </td>
  <td><input class="post" type="password" size="10" name="password"/> </td>
  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
  </tr>
  </table>
  </td>
  </tr>
  </table>
  <!-- END switch_fb_connect_no -->

  <!-- BEGIN switch_fb_connect -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
  <tr>
  <td valign="top" width="100%" class="row1" align="center">
  <table width="100%">
  <tr>
  <td width="55%" valign="middle" align="right">
  <table class="right">
  <tr>
  <td><span class="genmed">{L_USERNAME}:</span> </td>
  <td><input class="post" type="text" size="10" name="username"/> </td>
  <td>
  <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
  <span class="gensmall">{L_AUTO_LOGIN}</span>
  </td>
  </tr>

  <tr>
  <td><span class="genmed">{L_PASSWORD}:</span> </td>
  <td><input class="post" type="password" size="10" name="password"/> </td>
  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
  </tr>
  </table>
  </td>
  <td width="10%" align="center" valign="middle">
  <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
  </td>
  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
  </tr>
  </table>
  </td>
  </tr>
  </table>
  <!-- END switch_fb_connect -->
  </form>
  <!-- END switch_user_login_form_header -->

  {CHATBOX_TOP}
  {BOARD_INDEX}
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
  <td width="50%" valign="top">
  <!-- BEGIN switch_user_logged_in -->
  <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
  <!-- END switch_user_logged_in -->
  <!-- BEGIN switch_delete_cookies -->
  <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
  <!-- END switch_delete_cookies -->
  </td>
  <td width="50%" align="right">
  <span class="gensmall">
  <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
  <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
  <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
  <!-- BEGIN switch_on_index -->
  <!-- BEGIN switch_delete_cookies -->
  <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
  <!-- END switch_delete_cookies -->
  <!-- END switch_on_index -->
  </span>
  </td>
  </tr>
  </table>

  <!-- BEGIN switch_user_login_form_footer -->
  <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <!-- BEGIN switch_fb_connect_no -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
  <tr>
  <td class="row1" align="center">
  <table border="0" cellspacing="0" cellpadding="0">
  <tr>
  <td><span class="genmed">{L_USERNAME}:</span> </td>
  <td><input class="post" type="text" size="10" name="username"/> </td>
  <td>
  <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
  <span class="gensmall">{L_AUTO_LOGIN}</span>
  </td>
  </tr>

  <tr>
  <td><span class="genmed">{L_PASSWORD}:</span> </td>
  <td><input class="post" type="password" size="10" name="password"/> </td>
  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
  </tr>
  </table>
  </td>
  </tr>
  </table>
  <!-- END switch_fb_connect_no -->

  <!-- BEGIN switch_fb_connect -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
  <tr>
  <td valign="top" width="100%" class="row1" align="center">
  <table width="100%">
  <tr>
  <td width="55%" valign="middle">
  <table class="right">
  <tr>
  <td><span class="genmed">{L_USERNAME}:</span> </td>
  <td><input class="post" type="text" size="10" name="username"/> </td>
  <td>
  <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
  <span class="gensmall">{L_AUTO_LOGIN}</span>
  </td>
  </tr>

  <tr>
  <td><span class="genmed">{L_PASSWORD}:</span> </td>
  <td><input class="post" type="password" size="10" name="password"/> </td>
  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
  </tr>
  </table>
  </td>
  <td width="10%" align="center" valign="middle">
  <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
  </td>
  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
  </tr>
  </table>
  </td>
  </tr>
  </table>
  <!-- END switch_fb_connect -->
  </form>
  <!-- END switch_user_login_form_footer -->

  <!-- BEGIN disable_viewonline -->
  <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="text-align:center;">
  <tr>
  <td class="catHead" colspan="2" height="28">
  <!-- BEGIN switch_viewonline_link -->
  <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
  <!-- END switch_viewonline_link -->

  <!-- BEGIN switch_viewonline_nolink -->
  <span class="cattitle">{L_WHO_IS_ONLINE}</span>
  <!-- END switch_viewonline_nolink -->
  </td>
  </tr>
  <tr>
  <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
  <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
  {TOTAL_USERS}<br />
  {NEWEST_USER}</span></td>
  </tr>
  <tr>
  <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
  {RECORD_USERS}<br />
  <br />
  {LOGGED_IN_USER_LIST}</span></td>
  </tr>
  {L_CONNECTED_MEMBERS}
  {L_WHOSBIRTHDAY_TODAY}
  {L_WHOSBIRTHDAY_WEEK}
  <tr>
  <td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
  </tr>
  <!-- BEGIN switch_chatbox_activate -->
  <tr>
  <td class="row1">
  <span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}<br />
  <!-- BEGIN switch_chatbox_popup -->
  <div id="chatbox_popup"></div>
  <script type="text/javascript">
  //<![CDATA[
  insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
  //]]>
  </script>
  <!-- END switch_chatbox_popup -->
  </span>
  </td>
  </tr>
  <!-- END switch_chatbox_activate -->
  </table>
<table align="center">
 <td>
  <tr>
  <td class="group-spin">
 <a href="/g1-administrators" target="_blank"><img src="http://i74.servimg.com/u/f74/18/21/41/30/ex15.png" /></a>
  </td>
  </tr>
 </td>
</table>
  <!-- END disable_viewonline -->
  {CHATBOX_BOTTOM}
  <br clear="all" />
  <!-- BEGIN switch_legend -->
  <table border="0" cellspacing="3" cellpadding="0" align="center">
  <tr>
  <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
  <td><span class="gensmall">{L_NEW_POSTS}</span></td>
  <td></td>
  <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
  <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
  <td> </td>
  <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
  <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
  </table>
  <!-- END switch_legend -->

  {AUTO_DST}

  <!-- BEGIN switch_fb_index_login -->
  <div id="fb-root"></div>
  <script type="text/javascript">
  //<![CDATA[
  FB.init({
  appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
  status: true,
  cookie: true,
  xfbml: true,
  oauth: true
  });
  //]]>
  </script>
  <!-- END switch_fb_index_login -->
If you need anymore help ask. Smile

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Re: groups in photo

Post by kieksė on August 22nd 2013, 11:38 am

THANK YOU REALLY MUCH ! But how I do this for more than 1 group ? Duplicate the code in my index_body with diffrent group name ? And how do I hide the legend in the who's online box ?

kieksė
Forumember

Female Posts : 69
Reputation : 1
Language : lithuanian - english - korean - russian

Back to top Go down

Re: groups in photo

Post by Cassius Dio on August 22nd 2013, 12:11 pm

Hi, bye

For deleting legend images (New posts, no new, locked) go to Administration panel ~> Display ~> Messages and e-mails ~> Configuration ~> Display the caption of the posts status : No ~> Hit "Save" button.

If you want to add more spinning images, just copy this piece of code:
Code:
    <td class="group-spin">
  <a href="/g1-administrators" target="_blank"><img src="http://i74.servimg.com/u/f74/18/21/41/30/ex15.png" /></a>
    </td>
and paste it. Then modify:
1. the link: /g1-administrators
2. the image: http://i74.servimg.com/u/f74/18/21/41/30/ex15.png

And example on how it would look like:
Code:
<table align="center">
  <td>
  <tr>
    <td class="group-spin">
  <a href="/g1-administrators" target="_blank"><img src="http://i74.servimg.com/u/f74/18/21/41/30/ex15.png" /></a>
    </td>
    <td class="group-spin">
  <a href="/g2-moderators" target="_blank"><img src="http://i.imgur.com/2MEC052.gif" /></a>
    </td>
  </tr>
  </td>
</table>

Cassius Dio
Forumember

Male Posts : 581
Reputation : 79
Language : Romanian &English
Location : Yellow Submarine

http://beatles.forummo.com/

Back to top Go down

Re: groups in photo

Post by kieksė on August 22nd 2013, 12:13 pm

not axavly what i wanted , i meand legend - the groups from the who's online box in the bottom of it . ( example [Ledend] Administrator , Mods and ect. )

kieksė
Forumember

Female Posts : 69
Reputation : 1
Language : lithuanian - english - korean - russian

Back to top Go down

Re: groups in photo

Post by Ange Tuteur on August 22nd 2013, 6:52 pm

@kieksė wrote:not axavly what i wanted , i meand legend - the groups from the who's online box in the bottom of it . ( example [Ledend] Administrator , Mods and ect. )
By looking at the template you would most likely remove this piece of code from your index:
Code:
    <tr>
    <td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
    </tr>

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Re: groups in photo

Post by kieksė on August 23rd 2013, 10:20 am

didn't work . O.o

kieksė
Forumember

Female Posts : 69
Reputation : 1
Language : lithuanian - english - korean - russian

Back to top Go down

Re: groups in photo

Post by Cassius Dio on August 23rd 2013, 10:48 am

If I correctly understood, you want to separate the group of photos from "Who is online" box. If yes, replace your template with:
Code:
  {JAVASCRIPT}
    <!-- BEGIN message_admin_index -->
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
    <!-- BEGIN message_admin_titre -->
    <tr>
    <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
    </tr>
    <!-- END message_admin_titre -->
    <!-- BEGIN message_admin_txt -->
    <tr>
    <td class="row1" rowspan="3" align="center" valign="middle">
    <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
    </td>
    </tr>
    <!-- END message_admin_txt -->
    </table>
    <!-- END message_admin_index -->

    <!-- BEGIN switch_user_login_form_header -->
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
    <!-- BEGIN switch_fb_connect_no -->
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
    <tr>
    <td class="row1" align="center">
    <table border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td><span class="genmed">{L_USERNAME}:</span> </td>
    <td><input class="post" type="text" size="10" name="username"/> </td>
    <td>
    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
    <span class="gensmall">{L_AUTO_LOGIN}</span>
    </td>
    </tr>

    <tr>
    <td><span class="genmed">{L_PASSWORD}:</span> </td>
    <td><input class="post" type="password" size="10" name="password"/> </td>
    <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    <!-- END switch_fb_connect_no -->

    <!-- BEGIN switch_fb_connect -->
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
    <tr>
    <td valign="top" width="100%" class="row1" align="center">
    <table width="100%">
    <tr>
    <td width="55%" valign="middle" align="right">
    <table class="right">
    <tr>
    <td><span class="genmed">{L_USERNAME}:</span> </td>
    <td><input class="post" type="text" size="10" name="username"/> </td>
    <td>
    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
    <span class="gensmall">{L_AUTO_LOGIN}</span>
    </td>
    </tr>

    <tr>
    <td><span class="genmed">{L_PASSWORD}:</span> </td>
    <td><input class="post" type="password" size="10" name="password"/> </td>
    <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
    </tr>
    </table>
    </td>
    <td width="10%" align="center" valign="middle">
    <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
    </td>
    <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    <!-- END switch_fb_connect -->
    </form>
    <!-- END switch_user_login_form_header -->

    {CHATBOX_TOP}
    {BOARD_INDEX}
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="50%" valign="top">
    <!-- BEGIN switch_user_logged_in -->
    <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
    <!-- END switch_user_logged_in -->
    <!-- BEGIN switch_delete_cookies -->
    <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
    <!-- END switch_delete_cookies -->
    </td>
    <td width="50%" align="right">
    <span class="gensmall">
    <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
    <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
    <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
    <!-- BEGIN switch_on_index -->
    <!-- BEGIN switch_delete_cookies -->
    <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
    <!-- END switch_delete_cookies -->
    <!-- END switch_on_index -->
    </span>
    </td>
    </tr>
    </table>

    <!-- BEGIN switch_user_login_form_footer -->
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
    <!-- BEGIN switch_fb_connect_no -->
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
    <tr>
    <td class="row1" align="center">
    <table border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td><span class="genmed">{L_USERNAME}:</span> </td>
    <td><input class="post" type="text" size="10" name="username"/> </td>
    <td>
    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
    <span class="gensmall">{L_AUTO_LOGIN}</span>
    </td>
    </tr>

    <tr>
    <td><span class="genmed">{L_PASSWORD}:</span> </td>
    <td><input class="post" type="password" size="10" name="password"/> </td>
    <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    <!-- END switch_fb_connect_no -->

    <!-- BEGIN switch_fb_connect -->
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
    <tr>
    <td valign="top" width="100%" class="row1" align="center">
    <table width="100%">
    <tr>
    <td width="55%" valign="middle">
    <table class="right">
    <tr>
    <td><span class="genmed">{L_USERNAME}:</span> </td>
    <td><input class="post" type="text" size="10" name="username"/> </td>
    <td>
    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
    <span class="gensmall">{L_AUTO_LOGIN}</span>
    </td>
    </tr>

    <tr>
    <td><span class="genmed">{L_PASSWORD}:</span> </td>
    <td><input class="post" type="password" size="10" name="password"/> </td>
    <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
    </tr>
    </table>
    </td>
    <td width="10%" align="center" valign="middle">
    <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
    </td>
    <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    <!-- END switch_fb_connect -->
    </form>
    <!-- END switch_user_login_form_footer -->

    <!-- BEGIN disable_viewonline -->
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="text-align:center;">
    <tr>
    <td class="catHead" colspan="2" height="28">
    <!-- BEGIN switch_viewonline_link -->
    <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
    <!-- END switch_viewonline_link -->

    <!-- BEGIN switch_viewonline_nolink -->
    <span class="cattitle">{L_WHO_IS_ONLINE}</span>
    <!-- END switch_viewonline_nolink -->
    </td>
    </tr>
    <tr>
    <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
    <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
    {TOTAL_USERS}<br />
    {NEWEST_USER}</span></td>
    </tr>
    <tr>
    <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
    {RECORD_USERS}<br />
    <br />
    {LOGGED_IN_USER_LIST}</span></td>
    </tr>
    {L_CONNECTED_MEMBERS}
    {L_WHOSBIRTHDAY_TODAY}
    {L_WHOSBIRTHDAY_WEEK}
    <!-- BEGIN switch_chatbox_activate -->
    <tr>
    <td class="row1">
    <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
    <!-- BEGIN switch_chatbox_popup -->
    <div id="chatbox_popup"></div>
    <script type="text/javascript">
    //<![CDATA[
    insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
    //]]>
    </script>
    <!-- END switch_chatbox_popup -->
    </span>
    </td>
    </tr>
    <!-- END switch_chatbox_activate -->
    </table>

    <!-- END disable_viewonline -->
    {CHATBOX_BOTTOM}
    <br clear="all" />
    <!-- BEGIN switch_legend -->
    <table border="0" cellspacing="3" cellpadding="0" align="center">
    <tr>
    <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
    <td><span class="gensmall">{L_NEW_POSTS}</span></td>
    <td></td>
    <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
    <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
    <td>  </td>
    <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
    <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
    </tr>
    </table>
    <!-- END switch_legend -->

<table align="center">
  <td>
  <tr>
    <td class="group-spin">
  <a href="/g1-administrators" target="_blank"><img src="http://i74.servimg.com/u/f74/18/21/41/30/ex15.png" /></a>
    </td>
  </tr>
  </td>
</table>

    {AUTO_DST}

    <!-- BEGIN switch_fb_index_login -->
    <div id="fb-root"></div>
    <script type="text/javascript">
    //<![CDATA[
    FB.init({
    appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
    oauth: true
    });
    //]]>
    </script>
    <!-- END switch_fb_index_login -->
Don't forget to save and publish template. thumleft

Cassius Dio
Forumember

Male Posts : 581
Reputation : 79
Language : Romanian &English
Location : Yellow Submarine

http://beatles.forummo.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum