Help PUNBB - Resize Profile Message

Go down

Help PUNBB - Resize Profile Message Empty Help PUNBB - Resize Profile Message

Post by ceaster on March 3rd 2014, 8:04 pm

Help PUNBB - Resize Profile Message Punbb10

My Forum PUNBB i need your help
My Forum Link
avatar
ceaster
New Member

Posts : 11
Reputation : 1
Language : English

http://ceaster.forumotion.com

Back to top Go down

Help PUNBB - Resize Profile Message Empty Re: Help PUNBB - Resize Profile Message

Post by JScript on March 3rd 2014, 8:35 pm

Hello!

The CSS below corrects the first error (from left to right in your image)
Code:

.pun .post .user {
  margin-left: -168px !important;
  width: auto !important;
}
.pun .postmain {
  margin-left: 182px !important;
}

Result:
Spoiler:
Help PUNBB - Resize Profile Message Fc1UlWl

In this others I did not understand what you want:
Help PUNBB - Resize Profile Message N79cvZb

So long,

JS
JScript
JScript
Forumember

Male Posts : 741
Reputation : 174
Language : PT-BR, EN
Location : Brazil

http://jscript.forumeiros.com/

Back to top Go down

Help PUNBB - Resize Profile Message Empty Re: Help PUNBB - Resize Profile Message

Post by ceaster on March 3rd 2014, 8:51 pm

i want enlarge the title
and want move the date of post to corner side (blue)
avatar
ceaster
New Member

Posts : 11
Reputation : 1
Language : English

http://ceaster.forumotion.com

Back to top Go down

Help PUNBB - Resize Profile Message Empty Re: Help PUNBB - Resize Profile Message

Post by JScript on March 3rd 2014, 9:19 pm

Is this what you want?
Help PUNBB - Resize Profile Message FCJ8hL3

If so, just add the following CSS:
Code:

.pun .posthead {
  padding: 14px 1.3em 34px 1em !important;
}
.posthead h2 {
  float: right;
}
.pun .posthead h2 strong {
  float: right;
  margin-left: 10px;
}

JS
JScript
JScript
Forumember

Male Posts : 741
Reputation : 174
Language : PT-BR, EN
Location : Brazil

http://jscript.forumeiros.com/

Back to top Go down

Help PUNBB - Resize Profile Message Empty Re: Help PUNBB - Resize Profile Message

Post by TheCrow on March 4th 2014, 11:27 pm

JS, he wants to move the title of the topic and the date of the topic to the blue bar and make the blue bar larger (height) if i understood correctly.

Up for a start you must separate the topics title bar with the rest of the bars. So you must go to:
Admin Panel >> Display >> Templates >> viewtopic_body
find this code:
Code:
<div class="main-head clearfix">
      <p class="h2">
         <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a>  
         {L_MESSAGE} [{PAGE_NUMBER}]
      </p>
   </div>
which is located after the: {POLL_DISPLAY}
and replace it with this one:
Code:
<div class="main-head clearfix">
      <p class="h2i">
         <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a>  
         {L_MESSAGE} [{PAGE_NUMBER}]
      </p>
   </div>

Also in the same template find this code so you will be able to make the title and the date to move:
Find:
Code:
<div id="p{postrow.displayed.U_POST_ID}" class="posthead"{postrow.displayed.THANK_BGCOLOR}>
                  <h2>
                     <strong>{postrow.displayed.COUNT_POSTS}</strong>
                     {postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a> {postrow.displayed.POST_DATE_NEW}
                  </h2>
               </div>
and replace it with this one:
Code:
<div id="p{postrow.displayed.U_POST_ID}" class="posthead"{postrow.displayed.THANK_BGCOLOR}>
                  <h2>
                     <strong>{postrow.displayed.COUNT_POSTS}</strong>
                                                  {postrow.displayed.ICON} <div class="topicstitles"><a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a></div> <div class="topicsdates">{postrow.displayed.POST_DATE_NEW}</div>
                  </h2>
               </div>
Push submit and the press the green cross to publish.. ( Add )

And at last go to:
Admin Panel >> Display >> Colors and pics >> Colors >> CSS Stylesheet
and add this part of the code:
Code:
/* Title Bar Height Larger*/
.h2i {height: 35px;}
/*Title of the topics at the left side*/
.topicstitles { position: absolute;
  margin: -30px 0px 0px -200px;}
/*Date of the topics at the right side*/
.topicsdates {position:absolute;
  margin: -50px 0px 0px 550px;}
And push submit and as soon as it loads should be fixed.


Test Forum Example:
Help PUNBB - Resize Profile Message KtLbq2C
(Sorry for the Greek Wink )
TheCrow
TheCrow
Energetic

Male Posts : 6099
Reputation : 699
Language : Greek, English
Location : Cyprus, Greece

https://www.inforumgr.com

Back to top Go down

Help PUNBB - Resize Profile Message Empty Re: Help PUNBB - Resize Profile Message

Post by ceaster on March 5th 2014, 12:06 pm

no , i dont mean that

1. i want bold and enlarging the title 

2. i want move the date of post to the left corner in the blue coloumn
avatar
ceaster
New Member

Posts : 11
Reputation : 1
Language : English

http://ceaster.forumotion.com

Back to top Go down

Help PUNBB - Resize Profile Message Empty Re: Help PUNBB - Resize Profile Message

Post by TheCrow on March 5th 2014, 12:14 pm

Ok so you can make the same mostly same steps.
You must go to:
Admin Panel >> Display >> Templates >> viewtopic_body
find this code:
Code:
<div id="p{postrow.displayed.U_POST_ID}" class="posthead"{postrow.displayed.THANK_BGCOLOR}>
                  <h2>
                     <strong>{postrow.displayed.COUNT_POSTS}</strong>
                     {postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a> {postrow.displayed.POST_DATE_NEW}
                  </h2>
               </div>
Replace it with this one:
Code:
<div id="p{postrow.displayed.U_POST_ID}" class="posthead"{postrow.displayed.THANK_BGCOLOR}>
                  <h2>
                     <strong>{postrow.displayed.COUNT_POSTS}</strong>
                                                  {postrow.displayed.ICON} <div class="topicstitles"><a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a></div> <div class="topicsdates">{postrow.displayed.POST_DATE_NEW}</div>
                  </h2>
               </div>
Push submit and the press the green cross to publish.. (  Add  )

And at last go to:
Admin Panel >> Display >> Colors and pics >> Colors >> CSS Stylesheet
and add this part of the code:
Code:
/*Title of the topics modification*/
.topicstitles { font-weight:bold;
font-size:14px;}
/*Date of the topics at the right side*/
.topicsdates {position:absolute;
  margin: -50px 0px 0px 550px;}
and press submit and finished!

Result:
Help PUNBB - Resize Profile Message HTvjQzh
TheCrow
TheCrow
Energetic

Male Posts : 6099
Reputation : 699
Language : Greek, English
Location : Cyprus, Greece

https://www.inforumgr.com

Back to top Go down

Help PUNBB - Resize Profile Message Empty Re: Help PUNBB - Resize Profile Message

Post by ceaster on March 5th 2014, 1:04 pm

but the number of topic (1) i want to the right not left position
avatar
ceaster
New Member

Posts : 11
Reputation : 1
Language : English

http://ceaster.forumotion.com

Back to top Go down

Help PUNBB - Resize Profile Message Empty Re: Help PUNBB - Resize Profile Message

Post by TheCrow on March 5th 2014, 1:15 pm

That is my test forum number my friend. Your topic counter won't be affected.
TheCrow
TheCrow
Energetic

Male Posts : 6099
Reputation : 699
Language : Greek, English
Location : Cyprus, Greece

https://www.inforumgr.com

Back to top Go down

Help PUNBB - Resize Profile Message Empty Re: Help PUNBB - Resize Profile Message

Post by ceaster on March 5th 2014, 1:17 pm

i'm affraid is effect to SERP, anybody else can help me for what i want ?
avatar
ceaster
New Member

Posts : 11
Reputation : 1
Language : English

http://ceaster.forumotion.com

Back to top Go down

Help PUNBB - Resize Profile Message Empty Re: Help PUNBB - Resize Profile Message

Post by TheCrow on March 5th 2014, 3:14 pm

Nothing else will be affected. These commands affect only the given commands. Nothing else.
TheCrow
TheCrow
Energetic

Male Posts : 6099
Reputation : 699
Language : Greek, English
Location : Cyprus, Greece

https://www.inforumgr.com

Back to top Go down

Help PUNBB - Resize Profile Message Empty Re: Help PUNBB - Resize Profile Message

Post by ceaster on March 10th 2014, 7:18 am

sorry its does not work in my forum Sad anything else?
avatar
ceaster
New Member

Posts : 11
Reputation : 1
Language : English

http://ceaster.forumotion.com

Back to top Go down

Back to top


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