Profile design

Go down

Solved Profile design

Post by Ivan Ivanov on November 1st 2018, 5:39 pm

Hello!
How to change the design of the profile to the like?

Search did not help me.


Last edited by Ivan Ivanov on November 10th 2018, 4:24 pm; edited 1 time in total
avatar
Ivan Ivanov
New Member

Male Posts : 21
Reputation : 2
Language : Russian
Location : Russia

http://chudofo.forum2x2.ru/

Back to top Go down

Solved Re: Profile design

Post by Luffy on November 1st 2018, 7:16 pm

Hello @Ivan Ivanov,

From what I can see it's the background and not an actual design. Where did you see this?

Regards.
avatar
Luffy
Manager
Manager

Male Posts : 5752
Reputation : 643
Language : Greek, English
Location : Cyprus, Greece

https://www.crossroadz.net

Back to top Go down

Solved Re: Profile design

Post by skouliki on November 1st 2018, 7:20 pm

Hello and welcome
Is this design something you saw in a forumotion forum?
avatar
skouliki
Manager
Manager

Female Posts : 4777
Reputation : 788
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Profile design

Post by Ivan Ivanov on November 2nd 2018, 8:59 am

avatar
Ivan Ivanov
New Member

Male Posts : 21
Reputation : 2
Language : Russian
Location : Russia

http://chudofo.forum2x2.ru/

Back to top Go down

Solved Re: Profile design

Post by skouliki on November 2nd 2018, 10:03 am

we cant see it as a guest 
also do you have permission to copy the style? maybe sent a pm to the admin first asking if he/she can give you this style css
avatar
skouliki
Manager
Manager

Female Posts : 4777
Reputation : 788
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Profile design

Post by Ivan Ivanov on November 2nd 2018, 10:44 am

I do not ask the same thing, I need something like that.
Maybe there is some ready-made solution?
avatar
Ivan Ivanov
New Member

Male Posts : 21
Reputation : 2
Language : Russian
Location : Russia

http://chudofo.forum2x2.ru/

Back to top Go down

Solved Re: Profile design

Post by skouliki on November 3rd 2018, 8:03 am

i can inspect the element as a quest so i cant really help you besides this is made using a lot css
avatar
skouliki
Manager
Manager

Female Posts : 4777
Reputation : 788
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Profile design

Post by SarkZKalie on November 3rd 2018, 12:06 pm

Have to split your site into 2 parts and need access permission to Admin Control Panel, included Template modification and CSS


avatar
SarkZKalie
Support Moderator
Support Moderator

Male Posts : 957
Reputation : 157
Language : English

http://rotavn.forumotion.com

Back to top Go down

Solved Re: Profile design

Post by Ivan Ivanov on November 3rd 2018, 12:21 pm

@SarkZKalie wrote:Have to split your site into 2 parts and need access permission to Admin Control Panel, included Template modification and CSS
What do I need to do?
avatar
Ivan Ivanov
New Member

Male Posts : 21
Reputation : 2
Language : Russian
Location : Russia

http://chudofo.forum2x2.ru/

Back to top Go down

Solved Re: Profile design

Post by skouliki on November 3rd 2018, 2:22 pm

i dont think its easy to do it yourself unless you are a coder or at least have good knowledge of css and html
avatar
skouliki
Manager
Manager

Female Posts : 4777
Reputation : 788
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Profile design

Post by SarkZKalie on November 3rd 2018, 8:27 pm

I will take this but I need you to provide me a test account and your site URL


avatar
SarkZKalie
Support Moderator
Support Moderator

Male Posts : 957
Reputation : 157
Language : English

http://rotavn.forumotion.com

Back to top Go down

Solved Re: Profile design

Post by SLGray on November 4th 2018, 2:05 am

Have you checked Hitskin to see if the theme is there?  Seems like I saw one like this once.



When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
avatar
SLGray
Administrator
Administrator

Male Posts : 44479
Reputation : 3154
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Solved Re: Profile design

Post by Ivan Ivanov on November 4th 2018, 6:12 pm

@SarkZKalie wrote:I will take this but I need you to provide me a test account and your site URL
@SarkZKalie, do you need a login and password from my site?
avatar
Ivan Ivanov
New Member

Male Posts : 21
Reputation : 2
Language : Russian
Location : Russia

http://chudofo.forum2x2.ru/

Back to top Go down

Solved Re: Profile design

Post by skouliki on November 4th 2018, 6:34 pm

avatar
skouliki
Manager
Manager

Female Posts : 4777
Reputation : 788
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Profile design

Post by Ivan Ivanov on November 4th 2018, 7:07 pm

Sent.
avatar
Ivan Ivanov
New Member

Male Posts : 21
Reputation : 2
Language : Russian
Location : Russia

http://chudofo.forum2x2.ru/

Back to top Go down

Solved Re: Profile design

Post by skouliki on November 4th 2018, 8:56 pm

@SarkZKalie wrote:I will take this but I need you to provide me a test account and your site URL
Not to me to SarkZKalie
avatar
skouliki
Manager
Manager

Female Posts : 4777
Reputation : 788
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Profile design

Post by SarkZKalie on November 5th 2018, 7:49 am

Yeah send me a test account please. Thank you


avatar
SarkZKalie
Support Moderator
Support Moderator

Male Posts : 957
Reputation : 157
Language : English

http://rotavn.forumotion.com

Back to top Go down

Solved Re: Profile design

Post by skouliki on November 5th 2018, 8:54 am

i will forward to you
avatar
skouliki
Manager
Manager

Female Posts : 4777
Reputation : 788
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Profile design

Post by Ivan Ivanov on November 5th 2018, 11:16 am

@SarkZKalie, sorry, I'm confused. I sent you.
avatar
Ivan Ivanov
New Member

Male Posts : 21
Reputation : 2
Language : Russian
Location : Russia

http://chudofo.forum2x2.ru/

Back to top Go down

Solved Re: Profile design

Post by SarkZKalie on November 9th 2018, 10:57 pm

Sorry for the late reply

Make sure you do have access permission to Admin Control Panel -> Display -> Templates -> Profile -> Replace your current profile_add_body template by this one
Code:
<style>
#tabs{display:none!important}
.outer{width:32%;float:right;margin:0 20px 0 5px}
.inner{width:65%}
.outer ul{padding:5px 15px}
.outer a{font-size:13px}
.outer h1{border:none;color:#536482;margin-left:10px;padding:0}
#cp-main .panel,.panelr{background:#fff;border-radius:10px}
</style> 
<script type="text/javascript" src="{JSPWD}"></script>
<!-- BEGIN switch_display_menu -->
{UCP_TABS}
<!-- END switch_display_menu -->

{ERROR_BOX}

<div class="panel row3">
   <div class="outer">
      <h1 class="page-title">Quick tool #1</h1>
      <div class="panelr">
      <ul>
         <li><a href="/privmsg?folder=inbox"><img src="//hitskin.com/themes/16/32/01/i_msg_inbox.png" /> Inbox</a></li>
         <li><a href="/privmsg?folder=sentbox"><img src="//hitskin.com/themes/16/32/01/i_msg_sentbox.png" /> Sentbox</a></li>
         <li><a href="/privmsg?folder=outbox"><img src="//hitskin.com/themes/16/32/01/i_msg_outbox.png" /> Outbox</a></li>
         <li><a href="/privmsg?folder=savebox"><img src="//hitskin.com/themes/16/32/01/i_msg_savebox.png" /> Savebox</a></li>
      </ul>
      </div>
      <h1 class="page-title">Quick tool #2</h1>
      <div class="panelr">
      <ul>
         <li><a href="/profile?mode=editprofile&page_profil=informations">Informations</a></li>
         <li><a href="/profile?mode=editprofile&page_profil=preferences">Preferences</a></li>
         <li><a href="/profile?mode=editprofile&page_profil=avatars">Avatar</a></li>
         <li><a href="/profile?mode=editprofile&page_profil=signature">Signature</a></li>
         <li><a href="/profile?mode=editprofile&page_profil=notifications">Notifications</a></li>
         <li><a href="/profile?mode=editprofile&page_profil=tags">Tags</a></li>
      </ul>
      </div>
      <h1 class="page-title">Quick tool #3</h1>
      <div class="panelr">
      <ul>
         <li><a href="/groups">Groups</a></li>
         <li><a href="/profile?mode=editprofile&page_profil=friendsfoes">Friends &amp; Foes</a></li>
         <li><a href="/search?search_id=watchsearch">Topic(s) being watched</a></li>
         <li><a href="/search?search_id=favouritesearch">Favourites</a></li>
         <li><a href="/search?search_id=draftsearch">Drafts</a></li>
      </ul>
      </div>
   </div>
   <div class="inner">
      <div id="cp-main" class="ucp-main">
         <form action="{S_PROFILE_ACTION}" {S_FORM_ENCTYPE} method="post" name="post" id="ucp">
         <!-- BEGIN switch_informations_menu -->
            <h1 class="page-title">{L_REGISTRATION_INFO}</h1>
            <div class="panel">
               <div class="inner"><span class="corners-top"><span></span></span>

               <p>{L_ITEMS_REQUIRED}</p>
               <fieldset>
               <!-- BEGIN switch_namechange_disallowed -->
               <dl>
                  <dt><label>{L_USERNAME} : *</label></dt>
                  <dd><input type="hidden" name="username" value="{USERNAME}" class="inputbox" /><strong>{USERNAME}</strong></dd>
               </dl>
               <!-- END switch_namechange_disallowed -->
               <!-- BEGIN switch_namechange_allowed -->
               <dl>
                  <dt><label>{L_USERNAME} : *</label></dt>
                  <dd><input type="text" name="username" value="{USERNAME}" class="inputbox" /></dd>
               </dl>
               <!-- END switch_namechange_allowed -->
               <!-- BEGIN switch_emailchange_disallowed -->
               <dl>
                  <dt><label>{L_EMAIL_ADDRESS} : *</label></dt>
                  <dd><input type="hidden" name="email" value="{EMAIL}" />{EMAIL}</dd>
               </dl>
               <!-- END switch_emailchange_disallowed -->
               <!-- BEGIN switch_emailchange_allowed -->
               <dl>
                  <dt><label>{L_EMAIL_ADDRESS} : *</label></dt>
                  <dd><input type="text" name="email" value="{EMAIL}" class="inputbox" /></dd>
               </dl>
               <!-- END switch_emailchange_allowed -->

               <!-- BEGIN switch_change_password -->
               <dl>
                  <dt><label>{L_CHANGE_PASSWORD} : *</label></dt>
                  <dd>
                     <a href="{LINK_FOR_PASSWD_CHANGE}" target="_blank"><b><&nbsp;{L_MODIFY}&nbsp;></b></a>
                  </dd>
               </dl>
               <!-- END switch_change_password -->
               </fieldset>
               <span class="corners-bottom"><span></span></span></div>
            </div>
            <!-- BEGIN switch_span_div -->
            <!-- END switch_span_div -->

            <!-- BEGIN switch_profile_fields -->
            <h1 class="page-title">{switch_informations_menu.switch_profile_fields.L_PROFILE_FIELDS}</h1>
            <div class="panel">
               <div class="inner"><span class="corners-top"><span></span></span>
               <fieldset>
                  <!-- BEGIN field -->
                  <dl>
                     <dt>{switch_informations_menu.switch_profile_fields.field.NAME}</dt>
                     <dd>
                        {switch_informations_menu.switch_profile_fields.field.OBJECT}<br />
                        <span class="italic">{switch_informations_menu.switch_profile_fields.field.DESCRIPTION}</span>
                     </dd>
                  </dl>
                  <!-- END field -->
               </fieldset>
               <span class="corners-bottom"><span></span></span></div>
            </div>
            <!-- END switch_profile_fields -->

            <!-- BEGIN switch_register_not_display -->
            <div class="panel">
               <div class="inner"><span class="corners-top"><span></span></span>

               <p>{L_PROFILE_INFO_NOTICE}</p>
               <fieldset>
                     <!-- BEGIN switch_unsubscribe_allowed -->
                        <dl>
                           <dt><label>{L_DELETE}</label></dt>
                           <dd><input type="checkbox" name="delete_user" /><span class="italic">{L_DELETE_EXPLAIN}</span>
                           </dd>
                        </dl>
                     <!-- END switch_unsubscribe_allowed -->
               </fieldset>

               <span class="corners-bottom"><span></span></span></div>
            </div>
            <!-- END switch_register_not_display -->

            <!-- BEGIN switch_profile_fields_register -->
            <div class="panel">
               <div class="inner"><span class="corners-top"><span></span></span>
               <fieldset>
               <!-- BEGIN field -->
               <dl>
                  <dt><label>{switch_informations_menu.switch_profile_fields_register.field.NAME} :</label></dt>
                  <dd>{switch_informations_menu.switch_profile_fields_register.field.OBJECT}<br /><br /></dd>
               </dl>
               <!-- END field -->
               </fieldset>
               <span class="corners-bottom"><span></span></span></div>
            </div>
            <!-- END switch_profile_fields_register -->

            <h1 class="page-title">{switch_informations_menu.RGPD_ACTION_TITLE}</h1>
            <!-- BEGIN rgpd_generate_or_download -->
            <div class="panel">
               <div class="inner"><span class="corners-top"><span></span></span>
                  <fieldset>
                     <dl>
                        <dt><label>{switch_informations_menu.rgpd_generate_or_download.RGPD_ACTION_LABEL} :</label></dt>
                        <dd>
                           <a href="{switch_informations_menu.rgpd_generate_or_download.RGPD_ACTION_LINK}" class="button1">{switch_informations_menu.rgpd_generate_or_download.RGPD_ACTION_CONTENT}</a><br />
                                    {switch_informations_menu.rgpd_generate_or_download.RGPD_ACTION_EXPLAIN}
                        </dd>
                     </dl>
                  </fieldset>
                  <span class="corners-bottom"><span></span></span></div>
            </div>
            <!-- END rgpd_generate_or_download -->
            <!-- BEGIN rgpd_await_export -->
            <div class="panel">
               <div class="inner"><span class="corners-top"><span></span></span>
                  <fieldset>
                     <p>{switch_informations_menu.rgpd_await_export.RGPD_AWAIT_EXPORT}</p>
                  </fieldset>
                  <span class="corners-bottom"><span></span></span></div>
            </div>
            <!-- END rgpd_await_export -->
            <!-- END switch_informations_menu -->


<!-- BEGIN switch_confirm_password -->
<h1 class="page-title">{L_REGISTRATION_INFO}</h1>
<div class="panel">
<div class="inner"><span class="corners-top"><span></span></span>
<fieldset>
<dl>
        <dt><label>{L_CURRENT_PASSWORD}&nbsp;: *</label></dt>
        <dd><input type="password" name="cur_password" value="{CUR_PASSWORD}" class="inputbox" /></dd>
</dl>
</fieldset>
<span class="corners-bottom"><span></span></span>
</div>
</div>
<!-- END switch_confirm_password -->
<!-- BEGIN switch_confirm_password_new -->
<div class="panel">
<div class="inner"><span class="corners-top"><span></span></span>
<fieldset>
<dl>
        <dt><label>{L_NEW_PASSWORD}&nbsp;: *</label></dt>
        <dd><input type="password" name="new_password" value="{NEW_PASSWORD}" class="inputbox" maxlength="25" /></dd>
</dl>
<dl>
        <dt><label>{L_CONFIRM_PASSWORD}&nbsp;: *</label></dt>
        <dd>
         <input type="password" name="password_confirm" value="{PASSWORD_CONFIRM}" class="inputbox" maxlength="25" />
         <input type="hidden" name="change_password" value="change_password" />
      </dd>
</dl>
</fieldset>
<span class="corners-bottom"><span></span></span>
</div>
</div>
<!-- END switch_confirm_password_new -->


            <!-- BEGIN switch_preferences_menu -->
            <h1 class="page-title">{L_PREFERENCES}</h1>
            <div class="panel">
               <div class="inner"><span class="corners-top"><span></span></span>

               <fieldset>
               <dl>
                  <dt><label>{L_PUBLIC_VIEW_EMAIL} :</label></dt>
                  <dd>
                     <label><input type="radio" name="viewemail" value="2" {VIEW_EMAIL_FORM} />{L_YES}</label>
                     <!-- BEGIN switch_enable_mail_view --><label><input type="radio" name="viewemail" value="2" {VIEW_EMAIL_FORM} />{L_FORM}</label>
                     <label><input type="radio" name="viewemail" value="1" {VIEW_EMAIL_MAILTO} />{L_MAILTO}</label>
                     <!-- END switch_enable_mail_view --><label><input type="radio" name="viewemail" value="0" {VIEW_EMAIL_NO} />{L_NO}</label>
                  </dd>
               </dl>
               <!-- BEGIN switch_view_pm -->
               <dl>
                  <dt><label>{L_PUBLIC_VIEW_MP}&nbsp;:</label></dt>
                  <dd>
                     <label><input type="radio" name="view_pm" value="1" {VIEW_MP_YES} />{L_YES}</label>
                     <label><input type="radio" name="view_pm" value="0" {VIEW_MP_NO} />{L_NO}</label>
                  </dd>
               </dl>
               <!-- END switch_view_pm -->
               <!-- BEGIN switch_profile_advanced -->
               <dl>
                  <dt><label>{switch_preferences_menu.switch_profile_advanced.L_ALLOW_PROFILE_MSGS} :</label></dt>
                  <dd>
                     <label><input type="radio" name="profilemsgs" value="2" {switch_preferences_menu.switch_profile_advanced.PROFILE_MSGS_ALL} />{L_ALL_USERS}</label> &nbsp;
                     <label><input type="radio" name="profilemsgs" value="1" {switch_preferences_menu.switch_profile_advanced.PROFILE_MSGS_FRIENDS} />{L_MY_FRIENDS}</label> &nbsp;
                     <label><input type="radio" name="profilemsgs" value="0" {switch_preferences_menu.switch_profile_advanced.PROFILE_MSGS_NONE} />{L_NO_ONE}</label> &nbsp;
                     <label><input type="radio" name="profilemsgs" value="-1" {switch_preferences_menu.switch_profile_advanced.PROFILE_MSGS_HIDE} />{L_HIDE_TAB}</label>
                  </dd>
               </dl>
               <!-- END switch_profile_advanced -->
               <!-- BEGIN switch_fb_connect -->
               <dl>
                  <dt><label>{switch_preferences_menu.switch_fb_connect.L_FB_LINK_ACCOUNT} :</label></dt>
                  <dd>
                     <!-- BEGIN switch_fb_account_linked -->
                     <span class="italic">{switch_preferences_menu.switch_fb_connect.switch_fb_account_linked.L_FB_ACCOUNT_LINKED}</span>
                     <!-- END switch_fb_account_linked -->

                     <!-- BEGIN switch_fb_account_not_linked -->
                            <div class="fb-login-button" onlogin="facebook_link">{switch_preferences_menu.switch_fb_connect.switch_fb_account_not_linked.L_FB_LOGIN_BUTTON}</div>
                     <!-- END switch_fb_account_not_linked -->
                  </dd>
               </dl>
               <!-- BEGIN switch_fb_account_linked -->
               <dl>
                  <dt><label>{switch_preferences_menu.switch_fb_connect.switch_fb_account_linked.L_UNLINK_FB_ACCOUNT_EXPLAIN} :</label></dt>
                  <dd>
                     <label><input type="radio" name="unlink_fb_account" value="1" />{L_YES}</label>
                     <label><input type="radio" name="unlink_fb_account" value="0" checked="checked" />{L_NO}</label>
                  </dd>
               </dl>
               <!-- END switch_fb_account_linked -->
               <!-- END switch_fb_connect -->
               <dl>
                  <dt><label>{L_NEWSLETTER_ACCEPT} :</label></dt>
                  <dd>
                     <label><input type="radio" name="newsletter" value="1" {NEWSLETTER_YES} />{L_YES}</label>
                     <label><input type="radio" name="newsletter" value="0" {NEWSLETTER_NO} />{L_NO}</label>
                     <br /><span class="italic">{L_NEWSLETTER_ACCEPT_EXPLAIN}</span>
                  </dd>
               </dl>
               <!-- BEGIN display_newsletter_auto -->
               <dl>
                  <dt><label>{L_NEWSLETTER_AUTO_ACCEPT} :</label></dt>
                  <dd>
                     <label><input type="radio" name="newsletter_auto" value="1" {NEWSLETTER_AUTO_YES} />{L_YES}</label>
                     <label><input type="radio" name="newsletter_auto" value="0" {NEWSLETTER_AUTO_NO} />{L_NO}</label>
                     <br /><span class="italic">{L_NEWSLETTER_AUTO_ACCEPT_EXPLAIN}</span>
                  </dd>
               </dl>
               <!-- END display_newsletter_auto -->
               <dl>
                  <dt><label>{L_HIDE_USER} :</label></dt>
                  <dd>
                     <label><input type="radio" name="hideonline" value="1" {HIDE_USER_YES} />{L_YES}</label>
                     <label><input type="radio" name="hideonline" value="0" {HIDE_USER_NO} />{L_NO}</label>
                  </dd>
               </dl>
               <dl>
                  <dt><label>{L_NOTIFY_ON_REPLY} :</label></dt>
                  <dd>
                     <label><input type="radio" name="notifyreply" value="1" {NOTIFY_REPLY_YES} />{L_YES}</label>
                     <label><input type="radio" name="notifyreply" value="0" {NOTIFY_REPLY_NO} />{L_NO}</label>
                     <br /><span class="italic">{L_NOTIFY_ON_REPLY_EXPLAIN}</span>
                  </dd>
               </dl>
               <!-- BEGIN switch_can_disable_mass_pm -->
               <dl>
                  <dt><label>{L_ENABLE_MASS_PM} : </label></dt>
                  <dd>
                     <label><input type="radio" name="allow_mass_pm" value="4" {ALLOW_MASS_PM_NOTIFY_CHECKED} />{L_YES}</label>
                     <label><input type="radio" name="allow_mass_pm" value="2" {ALLOW_MASS_PM_CHECKED} />{L_NO}</label>
                     <label><input type="radio" name="allow_mass_pm" value="0" {DISABLE_MASS_PM_CHECKED} />{L_NO_MASS_PM}</label>
                     <br /><span class="italic">{L_ENABLE_MASS_PM_EXPLAIN}</span>
                  </dd>
               </dl>
               <!-- END switch_can_disable_mass_pm -->
               <!-- BEGIN switch_notify_subscriptions -->
               <dl>
                  <dt><label>{L_NOTIFY_SUBSCRIPTIONS} :</label></dt>
                  <dd>
                     <label><input type="radio" name="notify_subscriptions" value="1" {NOTIFY_SUBSCRIPTIONS_YES} />{L_YES}</label>
                     <label><input type="radio" name="notify_subscriptions" value="0" {NOTIFY_SUBSCRIPTIONS_NO} />{L_NO}</label>
                  </dd>
               </dl>
               <!-- END switch_notify_subscriptions -->
               <dl>
                  <dt><label>{L_POPUP_ON_PRIVMSG} :</label></dt>
                  <dd>
                     <label><input type="radio" name="popup_pm" value="1" {POPUP_PM_YES} />{L_YES}</label>
                     <label><input type="radio" name="popup_pm" value="0" {POPUP_PM_NO} />{L_NO}</label>
                     <br /><span class="italic">{L_POPUP_ON_PRIVMSG_EXPLAIN}</span>
                  </dd>
               </dl>
               <dl>
                  <dt><label>{L_NOTIFY_POST_PREVENT} :</label></dt>
                  <dd>
                     <label><input type="radio" name="post_prevent" value="1" {POST_PREVENT_YES} />{L_YES}</label>
                     <label><input type="radio" name="post_prevent" value="0" {POST_PREVENT_NO} />{L_NO}</label>
                     <br /><span class="italic">{L_NOTIFY_POST_PREVENT_EXPLAIN}</span>
                  </dd>
               </dl>
               <!-- BEGIN switch_report -->
               <dl>
                     <dt><label>{switch_preferences_menu.switch_report.L_NO_REPORT_POPUP} :</label></dt>
                  <dd>
                     <label><input type="radio" name="no_report_popup" value="0" {switch_preferences_menu.switch_report.NO_REPORT_POPUP_YES} />{L_YES}</label>
                     <label><input type="radio" name="no_report_popup" value="1" {switch_preferences_menu.switch_report.NO_REPORT_POPUP_NO} />{L_NO}</label>
                  </dd>
               </dl>
               <!-- END switch_report -->
               <dl>
                  <dt><label>{L_ALWAYS_ADD_SIGNATURE} :</label></dt>
                  <dd>
                     <label><input type="radio" name="attachsig" value="1" {ALWAYS_ADD_SIGNATURE_YES} />{L_YES}</label>
                     <label><input type="radio" name="attachsig" value="0" {ALWAYS_ADD_SIGNATURE_NO} />{L_NO}</label>
                  </dd>
               </dl>
               <dl>
                  <dt><label>{L_ALWAYS_ALLOW_BBCODE} :</label></dt>
                  <dd>
                     <label><input type="radio" name="allowbbcode" value="1" {ALWAYS_ALLOW_BBCODE_YES} />{L_YES}</label>
                     <label><input type="radio" name="allowbbcode" value="0" {ALWAYS_ALLOW_BBCODE_NO} />{L_NO}</label>
                  </dd>
               </dl>
               <dl>
                  <dt><label>{L_ALWAYS_ALLOW_HTML} :</label></dt>
                  <dd>
                     <label><input type="radio" name="allowhtml" value="1" {ALWAYS_ALLOW_HTML_YES} />{L_YES}</label>
                     <label><input type="radio" name="allowhtml" value="0" {ALWAYS_ALLOW_HTML_NO} />{L_NO}</label>
                  </dd>
               </dl>
               <dl>
                  <dt><label>{L_ALWAYS_ALLOW_SMILIES} :</label></dt>
                  <dd>
                     <label><input type="radio" name="allowsmilies" value="1" {ALWAYS_ALLOW_SMILIES_YES} />{L_YES}</label>
                     <label><input type="radio" name="allowsmilies" value="0" {ALWAYS_ALLOW_SMILIES_NO} />{L_NO}</label>
                  </dd>
               </dl>
               <dl>
                  <dt><label>{L_BOARD_LANGUAGE} :</label></dt>
                  <dd>{LANGUAGE_SELECT}</dd>
               </dl>
               <dl>
                  <dt><label>{L_TIMEZONE} :</label></dt>
                  <dd>{TIMEZONE_SELECT}</dd>
               </dl>
               <dl>
                  <dt><label>{L_DATE_FORMAT} :</label></dt>
                  <dd>{DATE_FORMAT}
                     <br /><span class="italic">{CURRENT_TIME}</span>
                  </dd>
               </dl>
               </fieldset>

               <span class="corners-bottom"><span></span></span></div>
            </div>
            <!-- END switch_preferences_menu -->

            <!-- BEGIN switch_avatar_block -->
            <h1 class="page-title">{L_AVATAR_PANEL}</h1>
            <div class="panel">
               <div class="inner"><span class="corners-top"><span></span></span>

               <fieldset>
               <dl>
                  <dt><label>{L_AVATAR_EXPLAIN}</label></dt>
                  <dd>
                     {L_CURRENT_IMAGE}
                     <br />{AVATAR}
                     <br /><input type="checkbox" name="avatardel" />{L_DELETE_AVATAR}
                  </dd>
               </dl>
                                               
                                        <!-- BEGIN switch_avatar_faceyourmanga -->
                                        <dl>
                                            <dt><label>{L_FACEYOURMANGA_BUTTON_LABEL}</label></dt>
                                            <dd>
                                                <img src="{L_FACEYOURMANGA_LINK_IMG}" onclick="$('#fym_avatar_form').submit()" id="fym_banner" style="cursor:pointer;cursor:hand;" />
                                                <br />
                                                <input type="button" onclick="$('#fym_avatar_form').submit()" value="{L_FACEYOURMANGA_BUTTON_LABEL}" class="button button1" />
                                            </dd>
                                        </dl>
                                        <!-- END switch_avatar_faceyourmanga -->

                        <!-- BEGIN switch_avatar_faceyourmanga_alternate -->
                        <dl>
                            <dt><label>{L_FACEYOURMANGA_BUTTON_LABEL}</label></dt>
                            <dd>
                                <img src="{L_FACEYOURMANGA_LINK_IMG}" onclick="{switch_avatar_block.switch_avatar_faceyourmanga_alternate.ONCLICK_FYM}" id="fym_banner" style="cursor:pointer;cursor:hand;" />
                                <br />
                                <input type="button" onclick="{switch_avatar_block.switch_avatar_faceyourmanga_alternate.ONCLICK_FYM}" value="{L_FACEYOURMANGA_BUTTON_LABEL}" class="button button1" />
                            </dd>
                        </dl>
                        <!-- END switch_avatar_faceyourmanga_alternate -->
                       
               <!-- BEGIN switch_avatar_local_upload -->
               <dl>
                  <dt><label>{L_UPLOAD_AVATAR_FILE} :</label></dt>
                  <dd><input type="file" name="avatar" class="inputbox" /></dd>
               </dl>
               <!-- END switch_avatar_local_upload -->
               <!-- BEGIN switch_avatar_remote_upload -->
               <dl>
                  <dt><label>{L_UPLOAD_AVATAR_URL} :</label></dt>
                  <dd><input type="text" name="avatarurl" class="inputbox" />
                     <br /><span class="italic">{L_UPLOAD_AVATAR_URL_EXPLAIN}</span>
                  </dd>
               </dl>
               <!-- END switch_avatar_remote_upload -->
               <!-- BEGIN switch_avatar_remote_link -->
               <dl>
                  <dt><label>{L_LINK_REMOTE_AVATAR} :</label></dt>
                  <dd><input type="text" name="avatarremoteurl" class="inputbox" />
                     <br /><span class="italic">{L_LINK_REMOTE_AVATAR_EXPLAIN}</span>
                  </dd>
               </dl>
               <!-- END switch_avatar_remote_link -->
               <!-- BEGIN switch_avatar_local_gallery -->
               <dl>
                  <dt><label>{L_AVATAR_GALLERY} :</label></dt>
                  <dd><input type="submit" name="avatargallery" value="{L_SHOW_GALLERY}" class="button1" /></dd>
               </dl>
               <!-- END switch_avatar_local_gallery -->
               </fieldset>
               <span class="corners-bottom"><span></span></span></div>
            </div>
            <!-- END switch_avatar_block -->

            <fieldset class="submit-buttons">
               {S_HIDDEN_FIELDS}
               <input class="button1" type="submit" name="submit" value="{L_SUBMIT}" />&nbsp;
               <input class="button2" type="reset" name="reset" value="{L_RESET}" />
            </fieldset>
         </form>
                                               
                        <!-- BEGIN switch_avatar_block -->
                            <!-- BEGIN switch_avatar_faceyourmanga -->
                            <form id="fym_avatar_form" action="{L_FACEYOURMANGA_LINK_URL}" method="GET" target="_blank">
                                <input type="hidden" name="lang" value="{FORUM_LANGUAGE}" />
                                <input type="hidden" name="site" value="{FORUM_HOSTNAME}" />                                           
                            </form>                           
                            <!-- END switch_avatar_faceyourmanga -->
                        <!-- END switch_avatar_block -->
      </div>
      <div class="clear"></div>
      <span class="corners-bottom"><span></span></span>
   </div>
</div>

<script type="text/javascript">
$(function(){
    $('input[name=reset]').click(function(){
        $("#pwd_good,#pwd_middle,#pwd_bad").hide();
    });
    $('input[name=new_password],input[name=username]').keyup(function() {
        if ( $('input[name=new_password]').val() != "" )
        {
            var level = passwordStrength($('input[name=new_password]').val(),$('input[name=username]').val());
        switch(level)
        {
            case 'bad' :
                $("#pwd_middle,#pwd_good").hide();
                $("#pwd_bad").show();
                break;
            case 'good' :
                $("#pwd_good,#pwd_bad").hide();
                $("#pwd_middle").show();
                break;
            case 'strong' :
                $("#pwd_middle,#pwd_bad").hide();
                $("#pwd_good").show();
                break;
            }
        }
        else
        {
            $("#pwd_middle,#pwd_good,#pwd_bad").hide();
        }
    }); 
           
    var banner_width;   
    $(window).on("resize", function(){       
        $("#fym_banner").width(banner_width /($(window).width() < 1000 ? 1.5 : 1));
    })
    .load(function(){
        banner_width = $("#fym_banner").width();
        $(this).trigger("resize");
    });
});
</script>
Don't forget to publish it

Result :


avatar
SarkZKalie
Support Moderator
Support Moderator

Male Posts : 957
Reputation : 157
Language : English

http://rotavn.forumotion.com

Back to top Go down

Solved Re: Profile design

Post by Ivan Ivanov on November 10th 2018, 10:55 am

Many thanks for the code!
Unfortunately, some elements have been moved. How to fix it?
avatar
Ivan Ivanov
New Member

Male Posts : 21
Reputation : 2
Language : Russian
Location : Russia

http://chudofo.forum2x2.ru/

Back to top Go down

Solved Re: Profile design

Post by SarkZKalie on November 10th 2018, 11:56 am

Search and replace this line
Code:
.inner{width:65%}
by this one
Code:
.panel .inner {width:64%}


avatar
SarkZKalie
Support Moderator
Support Moderator

Male Posts : 957
Reputation : 157
Language : English

http://rotavn.forumotion.com

Back to top Go down

Solved Re: Profile design

Post by Ivan Ivanov on November 10th 2018, 4:24 pm

Thank you very much, I am very grateful to you! Solved.
avatar
Ivan Ivanov
New Member

Male Posts : 21
Reputation : 2
Language : Russian
Location : Russia

http://chudofo.forum2x2.ru/

Back to top Go down

Solved Re: Profile design

Post by APE on November 10th 2018, 4:55 pm

Problem solved & topic archived.
Please read our forum rules: ESF General Rules



avatar
APE
Administrator
Administrator

Male Posts : 13289
Reputation : 1401
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

Back to top


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