1 (edited by 2012-06-26 00:41:17)

Topic: need some help with my post-template..

Hello https://cutephp.com/forum/style_emoticons/default/smile.gif I'm in the middle of creating a website, and right now I'm having a little problem with cutenews..

http://www.ffmoogle.webege.com/images/wrong.png

In this picture you can see that in the title I need the title-text down a few pixels. And in the content area, with all the text, I need the text to move a few pixels to the right. So far, I have not managed to do this. Is there anyone who could help me? I would really appreciate it https://cutephp.com/forum/style_emoticons/default/smile.gif Btw, here is the code I'm using for it atm, pretty simple code.

<!------------------------------------Part 1------------------------------------!>
<div align="center">
<div style="width:657px;height:48px;background-image:url(http://www.ffmoogle.webege.com/images/tables/title.png);font-size:20px;color:#ffffff;font-weight:bold;">{title}</div>
<!------------------------------------Part 1------------------------------------!>


<!------------------------------------Part 2------------------------------------!>
http://www.ffmoogle.webege.com/images/tables/contentstart.png
<!------------------------------------Part 2------------------------------------!>


<!------------------------------------Part 3------------------------------------!>
<div style="width:657px;background-image:url(http://www.ffmoogle.webege.com/images/tables/content.png);text-align:left;font-size:14px;font-family:verdana;color:#000000;background-image:url(http://www.ffmoogle.webege.com/images/tables/content.png);background-repeat: repeat-y;">
{avatar}{short-story}   
</div>
<!------------------------------------Part 3------------------------------------!>


<!------------------------------------Part 4------------------------------------!>
<div style="width:657px;height:6px;text-align:center;background-image:url(http://www.ffmoogle.webege.com/images/tables/contentend.png);">
</div>
</div>


<!------------------------------------Part 4------------------------------------!>

Re: need some help with my post-template..

Dear User!

Please try using <div style="padding: 4px 8px 4px 8px;">{avatar}{short-story}</div> instead of {avatar}{short-story} in the "Part 3"

The  padding you should set by yourself. However, please use your CSS и HTML knowledges  for the CuteNews html pattern customization.

Best regards,
CN Support team

3 (edited by 2012-06-26 19:03:14)

Re: need some help with my post-template..

Dear User!

Please try using <div style="padding: 4px 8px 4px 8px;">{avatar}{short-story}</div> instead of {avatar}{short-story} in the "Part 3"

The  padding you should set by yourself. However, please use your CSS и HTML knowledges  for the CuteNews html pattern customization.


wow, that worked like a charm! do you also know how I can move the title down a few pixels? Thank you so much btw, this was driving me nuts https://cutephp.com/forum/style_emoticons/default/smile.gif

Nvm, I could fix the title the same way as you fixed the content area for me https://cutephp.com/forum/style_emoticons/default/smile.gif ty for your help

Re: need some help with my post-template..

Dear User!

Padding: 4px 8px 4px 8px; denotes a shift by the following rules: 4px - a shift from the top, 8px - from the right, 4px - from the bottom, 8px - from the left. To get more information about CSS W3C standards please consider the following link:

http://www.w3schools.com/css/css_padding.asp и http://www.w3schools.com/css/css_boxmodel.asp

Best regards,
CN Support team