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.

Is it possible to change the Post Profile?

View previous topic View next topic Go down

Solved Is it possible to change the Post Profile?

Post by Meesleepbeest on November 30th 2015, 10:48 am

Technical Details


Forum version : #phpBB3
Position : Founder
Concerned browser(s) : Other
Who the problem concerns : All members
Forum link : http://faqts.do-talk.com/

Description of problem

Is it possible to limit the height of the Post Profile?
And also a few other changes as per example below

I have tried and succesfully moved around the profile, but was not succesfull in changing the background color (still looking on the forums too) as this seems to be linked with the post body.

Currently we have this standard layout:



How we would like it to be, on this example picture:
* limit the height to show background color
* delete the line that is between profile and posting
* add a space to show background color (same as the horizontal spacing between postings)


Thank you


Last edited by Meesleepbeest on December 2nd 2015, 5:27 am; edited 1 time in total

Meesleepbeest
Forumember

Posts : 110
Reputation : 2
Language : Dutch

http://faqts.do-talk.com/

Back to top Go down

Solved Re: Is it possible to change the Post Profile?

Post by Ace on November 30th 2015, 2:03 pm

Hello,

Can you remove the maintenance screen and leave at least one message visible to guests so I can adjust your post profile?

Thanks.

Ace
Forumember

Posts : 250
Reputation : 49
Language : Portuguese & English

http://ajuda.forumeiros.com/u39577

Back to top Go down

Solved Re: Is it possible to change the Post Profile?

Post by Meesleepbeest on November 30th 2015, 2:14 pm

Ow sorry, yes I will open the forum, did not realize as I do not see that lol
I did make some progress at locating some of the items as you will see. So I can now color the profile myself.

Seems to me the body only needs to be padded so I dont break all this stuff lol

Currently used:


~EDIT~ Deleted, I broke all kinds of stuff aparently Sad

Meesleepbeest
Forumember

Posts : 110
Reputation : 2
Language : Dutch

http://faqts.do-talk.com/

Back to top Go down

Solved Re: Is it possible to change the Post Profile?

Post by APE on November 30th 2015, 3:49 pm

To remove the border on the profile find

Code:
.postprofile {
border-color: #455C0E;
border-right: 1px solid #455C0E;
display: inline;
float: left;
margin: 5px 0px 0px;
min-height: 80px;
position: relative;
width: 22%;
color: #105289;
word-wrap: break-word;
}

in that file find :
Code:
border-right: 1px solid #455C0E;

Change to :
Code:
border-right: non !important;

That will remove the line



Edit:
If you want to change the background color you just have to add this code to the bottom of the first code i gave Wink
Code:
background-color: #FFF;

Change the # FFF to the color you want.




APE
Manager
Manager

Male Posts : 8614
Reputation : 748
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

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

Back to top Go down

Solved Re: Is it possible to change the Post Profile?

Post by Meesleepbeest on November 30th 2015, 4:10 pm

Hello, thanks for the help Smile

It is however not entirely what we want to achive. As the background color only has effect on the inner part of the post profile.
We would like to keep it the same color as the post body, but cut it off below the icons and let the forum background show.
I tried the background color change before and it left a white edge on the left side of the post profile.

I actually change it a little what you gave me, this is the line we want (even if it does not run all the way to the top), thanks for the idea Smile

Code:
.postprofile {
  border-right: 4px solid #E3E9D6;
}


~EDIT~
New picture, that may help clarify. The part with the red circles we would want to delete at the red lines so the white color under the profile stops at the icons and does not run along the complete height of the post.


Meesleepbeest
Forumember

Posts : 110
Reputation : 2
Language : Dutch

http://faqts.do-talk.com/

Back to top Go down

Solved Re: Is it possible to change the Post Profile?

Post by APE on November 30th 2015, 4:25 pm

what about making it look a little like we have here putting a border around the full post profile ?

EDIT:
I see what you mean now lol that is a little more out of my coding ways i think @Ange Tuteur is the best one for that as i think it will need to be done in your templates




APE
Manager
Manager

Male Posts : 8614
Reputation : 748
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

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

Back to top Go down

Solved Re: Is it possible to change the Post Profile?

Post by Meesleepbeest on November 30th 2015, 4:42 pm

Owww ok, yh could for my life not get the left and right edge of it to change color.

I only used the CSS Stylesheet to add and remove lil things, not touched the templates.
This is my first forum I try to code this way, and am very pleased already Very Happy

I can make an edge, I have been reading dozens of topics here about editing the profile lol
But none covered the part below it.

I do not know if it looks ok/is easier to have a duo color on the profile (top + bottom)?
The light on the profile as is and let it run down with the darker green.

Meesleepbeest
Forumember

Posts : 110
Reputation : 2
Language : Dutch

http://faqts.do-talk.com/

Back to top Go down

Solved Re: Is it possible to change the Post Profile?

Post by APE on November 30th 2015, 5:24 pm

its a matter of what you like i have a Xmas theme i made with my friend Gizmo and it looks ok the profile is sort of faded colours to make it look more mixed in.

It also has a boarder around it to make it look more separated from the main forum posts a little like this forum.

You are welcome to take a look at that forum i have if you like (link in my profile) no need to make an account




APE
Manager
Manager

Male Posts : 8614
Reputation : 748
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

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

Back to top Go down

Solved Re: Is it possible to change the Post Profile?

Post by Meesleepbeest on November 30th 2015, 5:40 pm

I think we like it better as it is now I guess, minimalistic.
If the first option is too difficult to do / implement.

~~EDIT~~
In the mean time I have changed alot of things in the CSS Stylesheet.
I think it is a good idea to let you know what I did, involving my question it may conflict.

Here is the updated version:

Code:
//**************** START ****************/
/* Post Reply Text Area and Smiley Box */

#smiley-box { width:29%;}
.posting-block { margin-left:-10%;}
#smilies_categ { display:none; }
#textarea_content .sceditor-container { width:87% !important; height: 500px !important;}
#smileyContainer iframe { height:500px }
/* Post Reply Text Area and Smiley Box */
/***************** END *****************/


/**************** START ****************/
/**** Quick Reply Box Resize Width *****/

#quick_reply .sceditor-container {
  height:120% !important; width:136% !important;
  left:-100px!important;
}
/**** Quick Reply Box Resize Width *****/
/***************** END *****************/



/**************** START ****************/
/***** Post Text Area Width Layout *****/

.postbody {
  padding: 0px 10px 0px 0px;
  width: 77%
}
/***** Post Text Area Width Layout *****/
/***************** END *****************/



/**************** START ****************/
/***** Profile - Post Divider Line *****/
.postprofile {
  border-right: 8px solid #F0EFE8;
  width:176px;
}
/***** Profile - Post Divider Line *****/
/***************** END *****************/



/**************** START ****************/
/****** Post - Post Divider Line *******/
.row1{
  border-bottom: 8px solid #DCE691;
    }
.row2{
  border-bottom: 8px solid #DCE691;
}
/****** Post - Post Divider Line *******/
/***************** END *****************/
 


/**************** START ****************/
/* Backgroundcolor Optionns Post Repley*/

.panel.row3 {background-color:#F0EFE8;}

/* Backgroundcolor Optionns Post Repley*/
/***************** END *****************/



/**************** START ****************/
/******** Category Header Height *******/
.forabg .header, .forumbg .header {
    Height: 37px;
}
/******** Category Header Height *******/
/***************** END *****************/



/**************** START ****************/
/********* Category Title Size *********/
.table-title, .table-title h2 {
font-weight: bold;
font-size: 14px;
}
/********* Category Title Size *********/
/***************** END *****************/



/**************** START ****************/
/************* Breadcrumbs *************/

.topic-actions .buttons { float: none !important;}
.topic-actions > .search-box,.pathname-box{margin:0;float:none}
.pathname-box .nav[href=""]{display:none}
.topic-actions > p:not(.right),.pathname-box > p{background:#fff;border:0px solid #A8A8A8;padding:0;margin:20px 0;font-size:0}
.topic-actions > p:after,.pathname-box > p:after{clear:both;content:".";display:block;height:0;visibility:hidden}
.topic-actions > p> a,.pathname-box > p > a{float:left;font-size:12px;color:#666;margin:0;padding:0;line-height:16px;height:16px;display:block;position:relative;background:#DDD;padding:2px 10px 2px 20px}
.topic-actions > p> a:before,.topic-actions > p > a:after,.pathname-box > p > a:before,.pathname-box > p > a:after{content:" ";border:9px solid transparent;border-left-width:9px;border-right:0;border-left-color:#DDD;display:block;position:absolute;right:-7px;top:1;z-index:10;width:0;height:0}
.topic-actions > p> a:after,.pathname-box > p > a:after{border-left-color:#999;right:-9px;z-index:5}
.topic-actions > p> a:hover,.pathname-box > p > a:hover{background-color:#455C0E;color:#FFF}
.topic-actions > p> a:hover:before,.pathname-box > p > a:hover:before{border-left-color:#455C0E}
.topic-actions > p> a:hover > span,.pathname-box > p > a:hover > span{color:#FFF}
/************* Breadcrumbs *************/
/***************** END *****************/



/**************** START ****************/
/******** Navigation Menu Images *******/
#i_icon_mini_index{background:url(http://i68.servimg.com/u/f68/15/58/53/29/index10.png) no-repeat 0 0;width:100px;height:40px;}
#i_icon_mini_index:hover{background:url(http://i68.servimg.com/u/f68/15/58/53/29/index-11.png) no-repeat 0 0;}

#i_icon_mini_search{background:url(http://i68.servimg.com/u/f68/15/58/53/29/search10.png) no-repeat 0 0;width:100px;height:40px;}
#i_icon_mini_search:hover{background:url(http://i68.servimg.com/u/f68/15/58/53/29/search12.png) no-repeat 0 0;}
     
#i_icon_mini_members{background:url(http://i68.servimg.com/u/f68/15/58/53/29/users10.png) no-repeat 0 0;width:100px;height:40px;}
#i_icon_mini_members:hover{background:url(http://i68.servimg.com/u/f68/15/58/53/29/users-11.png) no-repeat 0 0;}
         
#i_icon_mini_profile{background:url(http://i68.servimg.com/u/f68/15/58/53/29/profle10.png) no-repeat 0 0;width:100px;height:40px;}
#i_icon_mini_profile:hover{background:url(http://i68.servimg.com/u/f68/15/58/53/29/profle12.png) no-repeat 0 0;}
             
#i_icon_mini_message{background:url(http://i68.servimg.com/u/f68/15/58/53/29/messag10.png) no-repeat 0 0;width:100px;height:40px;}
#i_icon_mini_message:hover{background:url(http://i68.servimg.com/u/f68/15/58/53/29/messag12.png) no-repeat 0 0;}
                 
#i_icon_mini_new_message{background:url(http://i68.servimg.com/u/f68/15/58/53/29/newmes10.png) no-repeat 0 0;width:100px;height:40px;}
#i_icon_mini_new_message:hover{background:url(http://i68.servimg.com/u/f68/15/58/53/29/newmes12.png) no-repeat 0 0;}
                     
#i_icon_mini_register{background:url(http://i68.servimg.com/u/f68/15/58/53/29/regist10.png) no-repeat 0 0;width:100px;height:40px;}
#i_icon_mini_register:hover{background:url(http://i68.servimg.com/u/f68/15/58/53/29/regist12.png) no-repeat 0 0;}
                         
#i_icon_mini_login{background:url(http://i68.servimg.com/u/f68/15/58/53/29/login10.png) no-repeat 0 0;width:100px;height:40px;}
#i_icon_mini_login:hover{background:url(http://i68.servimg.com/u/f68/15/58/53/29/login-11.png) no-repeat 0 0;}
                             
#i_icon_mini_logout{background:url(http://i68.servimg.com/u/f68/15/58/53/29/logout10.png) no-repeat 0 0;width:100px;height:40px;}
#i_icon_mini_logout:hover{background:url(http://i68.servimg.com/u/f68/15/58/53/29/logout12.png) no-repeat 0 0;}
                                 
/*** Below all the menu items, some are hidden, see next 2 codings
_index
_portal        - turned off
_profile
_calendar      - hidden
_gallery        - turned off
_members
_groups
_message
_new_message
_register
_login
_logout
_search        - hidden
_faq            - hidden
***/

/******** Navigation Menu Images *******/
/***************** END *****************/



/**************** START ****************/
/******** Hide Navigation Items ********/

a.mainmenu[href="/groups"]  {
display: none;
}
a.mainmenu[href="/calendar"]  {
display: none;
}
a.mainmenu[href="/faq"]  {
display: none;
}
/******** Hide Navigation Items ********/
/***************** END *****************/



/**************** START ****************/
/** Navigation Bar Under-Line Delete ***/
ul.navlinks {
    border-bottom: none !important;
}
/** Navigation Bar Under-Line Delete ***/
/***************** END *****************/



/**************** START ****************/
/********** Search Box Remove **********/
#search-box {
display : none;
}
#forum-search {
    display: none;
}
/********** Search Box Remove **********/
/***************** END *****************//

If it is too difficult to change please do not invest too much time in it.
But if it is easy to do than I am very happy of course Wink

Thanks a bunch

Meesleepbeest
Forumember

Posts : 110
Reputation : 2
Language : Dutch

http://faqts.do-talk.com/

Back to top Go down

Solved Re: Is it possible to change the Post Profile?

Post by Meesleepbeest on December 2nd 2015, 5:26 am

Hello again,

We have decided for an alternative sollution, I have added shadows on the post bodies, so we are happy as is now.
As above wish most likely was time consuming for you too, I have marked this topic as solved.

Thank you for the help, I learned from it and steered me in the right direction.

Hello

Meesleepbeest
Forumember

Posts : 110
Reputation : 2
Language : Dutch

http://faqts.do-talk.com/

Back to top Go down

Solved Re: Is it possible to change the Post Profile?

Post by brandon_g on December 2nd 2015, 12:47 pm

Topic solved and archived ~ brandon_g


Remember to mark your topic when a solution is found.

brandon_g
Support Moderator
Support Moderator

Male Posts : 5345
Reputation : 488
Language : English
Location : USA

http://broadcastingduo.forumotion.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