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 -->

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

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