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.

Mod_Login Modification

View previous topic View next topic Go down

Mod_Login Modification

Post by refresh102 on April 3rd 2015, 7:11 pm

Hi its me again i need help with you guys with my quick login the mod_login can you modify it?
Here is screenshot:


Ok here is my question

Can you make the name and avatar  goes into the center area? And also put some border in total post and Private messages? And i want the Total Post and the number will be aligned . Here is the screenshot on what i want. Basically
something like this 


Please  help me with this thanks Very Happy

My Forum Address : http://hunterxroleplay.forumh.net/
My Forum Version : PunBB

refresh102
Forumember

Male Posts : 181
Reputation : 4
Language : English,Japanese

Back to top Go down

Re: Mod_Login Modification

Post by developer.ryan on April 3rd 2015, 9:03 pm

Welcome to forumotion,

search the mod_login for this code
Code:
<!-- BEGIN switch_profile -->
And select up to
Code:
<!-- END switch_profile -->
And will change him in the following
Code:
<!-- BEGIN switch_profile -->
   <div class="main-head"><h3>{USERNAME}</h3></div>
   <div class="main-content clearfix details">
   <div class="left">
      {USERNAME_AVATAR}
   </div>
          <br>
   <dl class="left">
          <div align="center"><div style="background:#FBFFFA; border: 1px solid rgb(0, 114, 149);"><dt>{L_MESSAGES}: <strong>{NB_MESSAGES}</strong></dt></div></div>
       
            <div align="center"><div style="background:#FBFFFA; border: 1px solid rgb(0, 114, 149);"><dt>Messages: {NB_PM_UNREAD} / {NB_PM_READ}</dt></div></div>
         
      <dd style="text-align: center;"><a href="{U_PROFILE}">{L_MY_PROFILE}</a></dd>
   </dl>
   </div>
   <!-- END switch_profile -->
avatar
developer.ryan
Forumember

Posts : 98
Reputation : 6
Language : English,Chinese,Italian,French
Location : The doors of development

http://javascript:self.close()

Back to top Go down

Re: Mod_Login Modification

Post by refresh102 on April 3rd 2015, 9:17 pm

not working it only just shows a simple border and i want like the image i exampled above and also the avatar and the username are not centered

refresh102
Forumember

Male Posts : 181
Reputation : 4
Language : English,Japanese

Back to top Go down

Re: Mod_Login Modification

Post by developer.ryan on April 3rd 2015, 9:33 pm

Put me in the forum link image
avatar
developer.ryan
Forumember

Posts : 98
Reputation : 6
Language : English,Chinese,Italian,French
Location : The doors of development

http://javascript:self.close()

Back to top Go down

Re: Mod_Login Modification

Post by refresh102 on April 4th 2015, 3:51 am

here something like this 

http://pinoyotaku.forums.ag/

BTW I'm the forum admin here this is my test forum it works here but its in the other skin i want it to import to my original forum the login

Here is the css i used
Code:
/* css by genji watanabe copyright 10/4/2013 */



#pun-visit, .main-box, #pun-about #qjump {
    display: none;
}



.pun a:link {
    color: #239dd4; 
    text-decoration: none !important;
}


.pun a:visited {
    color: #239dd4;  
    text-decoration: none !important;
}


.pun a:hover {
    color: #FF8A00;  
    text-decoration: none !important;
}



body {
    background: rgb(229, 241, 249);
    font-family: Arial;
    font-size: 10px;
    color: #666; 
}


.pun {
    width: 95%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px;
    background: #fff;
    border: 1px solid rgb(195, 224, 241);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;  
    -o-border-radius: 8px;
    border-radius: 8px;  
}


.pun .main-content { 
    padding: 5px;  
    background: rgb(229, 241, 249);
    border: 1px solid rgb(195, 224, 241);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;  
    -o-border-radius: 5px;
    border-radius: 5px;  
}


#main .module-advert .main-content {
    background-color: rgb(229, 241, 249);
    border: 1px solid rgb(195, 224, 241);
}


#pun-announcement {
    background: rgb(229, 241, 249);
    border: 1px solid rgb(195, 224, 241);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;  
    -o-border-radius: 5px;
    border-radius: 5px; 
}



#pun-about {
    background: rgb(229, 241, 249);
    border: 1px solid rgb(195, 224, 241);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;  
    -o-border-radius: 5px;
    border-radius: 5px;
    font-weight: bold;
    font-family: Arial;
    font-size: 10px; 
    color: #239dd4;  
}



#stats {
    background: transparent !important;
}


#onlinelist {
    background: transparent !important;
    border: 0px solid rgb(195, 224, 241);
}


#onlinechat {
    background: transparent !important;
    border: 0px solid rgb(195, 224, 241);
}



#pun-intro {    
    background: #239dd4;
    border: 1px solid #008fcf;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -ms-border-radius: 5px 5px 0px 0px;  
    -o-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;  
}


#pun-logo {
    float: left;
    margin: 20px;  
}



#pun-head #pun-navlinks {
    margin-bottom: 15px;    
    background: #239dd4;
    border: 1px solid #008fcf;
    border-top: 1px solid #5aaedb; 
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -ms-border-radius: 0px 0px 5px 5px;  
    -o-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;  
}


#pun-navlinks ul {
    text-align: center;
}


#pun-navlinks li {
    font-weight: bold;
    font-family: Arial;
    font-size: 10px;    
    -webkit-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    -moz-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);  
    -ms-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);  
    -o-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);  
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);  
}


#pun-navlinks a {
    color: #fff;
    text-decoration: none;
}


#pun-navlinks a:visited {
    color: #fff;
    text-decoration: none;
}


#pun-navlinks a:hover {
    color: #FF8A00;
    text-decoration: none;
}



.overview {
    background: #239dd4;
    border: 1px solid #008fcf;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;  
    -o-border-radius: 5px;
    border-radius: 5px;  
    color: #fff;  
}


.title-overview {
    background: #239dd4;
    color: #fff;  
}



.pun .paged-head, .pun .paged-foot {
    background: transparent !important;
    border: none;
}


.main .main-head, .main .main-foot {
    margin: 5px !important;  
    background: transparent !important;
    border: none;
}



.main .main-head .page-title, .pun .main-head .h2, .subtitle { 
    width: 250px;
    padding: 8px;    
    background: #239dd4;
    border: 1px solid #008fcf;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;  
    -o-border-radius: 5px;
    border-radius: 5px;    
    -webkit-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    -moz-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);  
    -ms-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);  
    -o-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);  
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    font-weight: bold;
    font-family: Arial;
    font-size: 10px; 
    color: #fff;  
}


.main .main-foot .page-title, .pun .main-foot .h2 {
    width: 250px;
    padding: 8px;    
    background: #239dd4;
    border: 1px solid #008fcf;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;  
    -o-border-radius: 5px;
    border-radius: 5px;    
    -webkit-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    -moz-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);  
    -ms-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);  
    -o-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);  
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    font-weight: bold;
    font-family: Arial;
    font-size: 10px; 
    color: #fff;  
}


.pun h2, .pun h3, .pun input, .pun select, .pun th {
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
}



.pun table.table {
    background: transparent !important;
    border: none;
}


.pun table.table th {
    background: transparent !important;
    border-bottom: 1px dashed rgb(195, 224, 241);
    font-weight: bold;
    font-family: Arial;
    font-size: 10px; 
    color: #239dd4;  
}


.pun tbody.statused td.tcl {
    background: transparent !important;  
    border-right: none;
    border-left: none;
    border-top: none;
    border-bottom: 1px dashed rgb(195, 224, 241);
}


.pun .main table td.tc2, .pun .main table td.tc3 {
    background: transparent !important;
    border-right: none;
    border-left: none;
    border-top: none;
    border-bottom: 1px dashed rgb(195, 224, 241);
}

.pun table.table td {
    background: transparent !important;  
    border-right: none;
    border-left: none;
    border-top: none;
    border-bottom: 1px dashed rgb(195, 224, 241);
}



.pun .topic {
    background: transparent !important;
    border: 0px solid #ddd;
    border-style: none solid;
}


.pun .post {
    margin-top: 3px;
    margin-bottom: 3px;  
    padding: 5px;  
    background: rgb(229, 241, 249);
    border: 1px solid rgb(195, 224, 241);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;  
    -o-border-radius: 5px;
    border-radius: 5px; 
}


.pun .postmain {
    background: transparent !important;
    border-left: 1px solid rgb(195, 224, 241);
}


.pun .posthead {
    background: transparent !important;
    border: 0px solid #ddd;
}


.postfoot {
    border: 0px solid #ddd;
}



.pun .user-ident .username {
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
}


.pun .user-ident .user-basic-info {
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    text-align: center;  
}


.pun .user .user-info {
    margin-top: 10px;
    margin-bottom: 10px;  
    padding: 5px;  
    background: #fff;
    border: 1px solid rgb(195, 224, 241);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;  
    -o-border-radius: 5px;
    border-radius: 5px; 
}



.codebox {
    padding: 3px;  
    background: #fff;
    border: 1px solid #C9D2D8;
    font-weight: bold;
    font-family: Arial;
    font-size: 10px; 
}


.codebox dt {
    border-bottom: 1px solid #C9D2D8;
}


.codebox dd {
    background: none !important;
    font-family: Courier,CourierNew,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    color: #2E8B57;  
}


.postmain blockquote {
    margin: 1em 1px 1em 25px;
    padding: 20px;
    background: #ebeadd url(http://illiweb.com/fa/prosilver/quote.gif) 6px 8px no-repeat;
    border: 1px solid #DBDBCE;
}



.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
    background-image: none;
}


.pun .main .options a, .pun .main .options a:link, .pun .main .options a:visited {
    color: #666;
}


.main .main-content.frm {
    background: rgb(229, 241, 249);
}


.pun .frm-form {
    background: none !important; 
}


.frm-buttons {
    border-top: 1px dashed rgb(195, 224, 241);
}


#text_editor_textarea,div.posting-block #text_editor_iframe {
    height: 260px;
    margin-left: -2.9px;
}


#textarea_content dl dt label {
    display: none;
}


#quick_reply .frm-buttons {
    margin: 0 auto;
    padding: 5px; 
    background: #fff;
    border: 1px solid rgb(195, 224, 241);
    border-top: 0px solid rgb(195, 224, 241);
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -ms-border-radius: 0px 0px 5px 5px;  
    -o-border-radius: 0px 0px 5px 5px; 
    border-radius: 0px 0px 5px 5px;
    text-align: right;
}


#quick_reply #text_editor_controls {
    position: absolute;
    width: 52% !important;
    margin-left: 15px;
    margin-top: 162px;
}


#quick_reply fieldset.frm-set dl dd {
    margin: 0 auto;
    padding: 10px;
    background: #fff;
    border: 1px solid rgb(195, 224, 241);
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -ms-border-radius: 5px 5px 0px 0px;  
    -o-border-radius: 5px 5px 0px 0px; 
    border-radius: 5px 5px 0px 0px;
}


#quick_reply #text_editor_textarea {
    max-height: 142px;
    margin-left: -1px;
    margin-top: -6px
}


#text_editor_controls {
    margin: 10px 20px;
}



.pun .frm .frm-form table {
    border: 1px solid rgb(195, 224, 241);
    border-color: rgb(195, 224, 241);
    border-top: 1px solid rgb(195, 224, 241);
}


.pun .main .main-content.message {
    background: rgb(229, 241, 249);
}


.pun .main .main-content p.message {
    background: #fff;
    border: 1px solid rgb(195, 224, 241);
}



.main .frm-info {
    background: #fff;
    border: 1px solid rgb(195, 224, 241);
}


fieldset.frm-set.multi {
    border-bottom: 0px dashed #ddd;
}


.sub-head {
    border-bottom: 1px dashed rgb(195, 224, 241);
}



.faq dd {
    background: #fff;
    border: 1px solid rgb(195, 224, 241); 
}



td.avatar-mini img {
    padding: 5px;
    background: #fff;
    border: 1px solid rgb(195, 224, 241);  
}



#content-container #right {
    display: none !important;
}


#content-container div#content {
    margin-right: 0 !important;
}


.module-margin {
    margin-top: 15px !important; 
}


.widget-head .h3 {
    margin-top: 2px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px dashed rgb(195, 224, 241);
    font-family: Arial;
    font-weight: bold;  
    font-size: 10px;
    color: #239dd4;  
}



.ava img {
    width: 120px !important;
    height: 120px !important;  
    margin: 5px;
    padding: 1px;
    border: none;  
}


.kotak1 {
    width: 155px;  
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 5px;
    background: #fff;
    border: 1px solid rgb(195, 224, 241);
}

The Mod_Login code in my test forums

Code:
<div class="module main">
        <!-- BEGIN switch_login --> 
        <!-- END switch_login -->
  
        <!-- BEGIN switch_login_small -->
   <div class="module-margin">  
   <div class="main-content clearfix">
   <div class="widget-head"><div class="h3">{L_LOGIN}</div></div>        
          
        <div class="center">
        <div class="ava"><img src="http://illiweb.com/fa/invision/pp-blank-thumb.png"></div>
        </div>          
        <br />
          
        <dl class="left">
        <dt><div class="kotak1">Total Post : 0 post</div></dt>
        <dt><div class="kotak1">Messages : 0 PM / 0 PM</div></dt>
        </dl>
          
   </div>
   </div>  
        <!-- END switch_login_small -->  
  
          
   <!-- BEGIN switch_profile -->
   <div class="module-margin">  
   <div class="main-content clearfix">
   <div class="widget-head"><div class="h3">{USERNAME}</div></div>        
          
        <div class="center">
        <div class="ava">{USERNAME_AVATAR}</div>
        </div>
          
        <br />
          
        <dl class="left">
        <dt><div class="kotak1">Total Post : {NB_MESSAGES} post</div></dt>
        <dt><div class="kotak1">Messages : {NB_PM_UNREAD} PM / {NB_PM_READ} PM</div></dt>
        </dl>
          
   </div>
   </div>  
   <!-- END switch_profile -->
</div>

I give this code so that you have reference thank you

refresh102
Forumember

Male Posts : 181
Reputation : 4
Language : English,Japanese

Back to top Go down

Re: Mod_Login Modification

Post by refresh102 on April 7th 2015, 1:51 pm

Need help BUMP!

refresh102
Forumember

Male Posts : 181
Reputation : 4
Language : English,Japanese

Back to top Go down

Re: Mod_Login Modification

Post by refresh102 on April 8th 2015, 3:28 pm

This has almost 8k views but does not get help anyway Sad

refresh102
Forumember

Male Posts : 181
Reputation : 4
Language : English,Japanese

Back to top Go down

Re: Mod_Login Modification

Post by refresh102 on April 11th 2015, 5:51 am

BUMP help me please

refresh102
Forumember

Male Posts : 181
Reputation : 4
Language : English,Japanese

Back to top Go down

Re: Mod_Login Modification

Post by refresh102 on April 14th 2015, 4:02 pm

almost 10k views bump please

refresh102
Forumember

Male Posts : 181
Reputation : 4
Language : English,Japanese

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