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.

How to make design background image in post topic? (in new topic)

View previous topic View next topic Go down

Solved How to make design background image in post topic? (in new topic)

Post by sasukekun on May 9th 2013, 3:30 pm

Hi all Hello
I want to ask Smile

Please someone help me Sad
to make design background image in post topic



this image from forumotion
border from FM


image from FM


image bottom from FM


-----------------------------

my image for border


this my image


my image for bottom


for example, im edit in photoshop Smile lol


source:
http://help.forumotion.com/t117966-maintenance-on-the-domain-name-forumotionscom

my forum
http://astajim.indonesianforum.net/

please someone help me Sad

thanks before bye


Last edited by mostone on May 10th 2013, 7:01 pm; edited 3 times in total

sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down

Solved Re: How to make design background image in post topic? (in new topic)

Post by Sir Chivas™ on May 9th 2013, 4:14 pm

Hi,

Are you trying to create your own table? Can you provide all of the images itself? Do you want the code in HTML or BBcode?



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: How to make design background image in post topic? (in new topic)

Post by sasukekun on May 9th 2013, 4:39 pm

ok this my image Very Happy



image for bottom


for example, im edit in photoshop Smile lol


hmm, i need html Very Happy

my forum
http://astajim.indonesianforum.net/

thanks sir chivas : bye

sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down

Solved Re: How to make design background image in post topic? (in new topic)

Post by Ultron's Vision on May 9th 2013, 5:06 pm

Add this to your CSS Stylesheet:

Code:
td.first_image {
background-image: url('http://i.imgur.com/54P0rXe.png');
background-repeat: none;
}

td.second_image {
background-image: url('http://i.imgur.com/kVSETq0.png');
margin-bottom: 15px;
}

td.third_image {
background-image: url('http://i.imgur.com/nIqbvS1.jpg');
background-repeat: none;
}

td.bottom_image {
background-image: url('http://i.imgur.com/haKmv2p.png')
}

Then, when creating a new table, do this...

Code:
<table><tr><td class="first_image" width="152 height="100"></td><td class="second_image" height="100" width="514"><span>Your text content here...</span></td><td class="third_image" height="100" width="84"></td></tr><!-- continue with the table as you wish --></table>

When at the bottom of the table, do this.

Code:
<tr><td><table><tbody height="100" width="750"><tr><td width="610" height="100"><!-- more style or text content go here... --></td><td class="bottom_image" width="140" height="100"></td></table>

That should do it.

Ultron's Vision
Forumember

Male Posts : 634
Reputation : 45
Language : English | German | HTML | JavaScript | PHP | C++ | Perl | Java
Location : Vienna, Austria

http://duelacademy.net

Back to top Go down

Solved Re: How to make design background image in post topic? (in new topic)

Post by sasukekun on May 9th 2013, 5:28 pm

hi mr.ultron vision, Smile
thanks for reply my topic Wink

that code can not be used in post topic Very Happy

i try in my topic (new topic/reply topic) but failed.

and when i try in HTML (generalities homepage) that code its work Wink

before im use this code
Code:
[table style="width:100%; border-collapse:collapse;"]    [tr]    [td style="background:url(http://i.imgur.com/cVu6AtI.png);line-height:100px;border-bottom:1px solid #cecece;border-top:1px solid #cecece ;border-left:5px solid #2896c9;border-right:5px solid #2896c9;text-align:center;color:#a2a8ab;font-size:20px;font-weight:bold;font-family:Tahoma;padding-bottom:5px;"]Tutorial
 Title[/td]    [/tr]    [tr]    [td style="background-color:#f9f9f9;border-bottom:1px solid #cecece;border-left:5px solid #2896c9;border-right:5px solid #2896c9; color:#a2a8ab;padding-left:5px;padding-right:5px;"]Lorem ipsum dolor sit
 amet, consectetur adipiscing elit. Nunc non ipsum eu est tincidunt
ornare et id metus. Vestibulum ante ipsum primis in faucibus orci luctus
 et ultrices posuere cubilia Curae; Vivamus varius fringilla tempor.
Integer iaculis rhoncus nisl, egestas lacinia purus accumsan ultrices.
Phasellus consectetur mauris at ligula lacinia vel mattis arcu bibendum.
 Mauris dapibus tempus enim, quis pretium lectus dapibus ut. Aliquam
erat volutpat. Vestibulum in purus neque. Duis egestas diam fermentum
lacus accumsan sed vulputate metus euismod. Curabitur pulvinar venenatis
 lobortis. Nullam bibendum, velit non pretium auctor, dolor massa
molestie leo, non placerat leo leo ut eros.

[/td]    [/tr]    [tr]    [td style="background-color:#ebecec;border-bottom:1px solid #cecece;border-left:5px solid #2896c9;border-right:5px solid #2896c9; color:#a2a8ab;text-align:center;font-weight:bold;font-family:16px;"]Copyright
 Quick-Design[/td]    [/tr]    [/table]

but failed, im dont know how to enter my image to my post Smile

http://astajim.indonesianforum.net/t5-ohhh-men-d#13

i need be like this image Very Happy
this image photoshop edit :


please help me Smile
or sir chivars help me Very Happy

thanks before bye

sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down

Solved Re: How to make design background image in post topic? (in new topic)

Post by sasukekun on May 10th 2013, 6:24 pm

BUMP!

Please someone help me Sad
to make design background image in post topic



this image from forumotion
border from FM


image from FM


image bottom from FM


-----------------------------

my image for border


this my image


my image for bottom


for example, im edit in photoshop Smile lol


source:
http://help.forumotion.com/t117966-maintenance-on-the-domain-name-forumotionscom

my forum
http://astajim.indonesianforum.net/

please someone help me Sad

thanks before bye

sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down

Solved Re: How to make design background image in post topic? (in new topic)

Post by sasukekun on May 11th 2013, 6:34 pm

BUMP!

please someone help me for this topic Sad

sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down

Solved Re: How to make design background image in post topic? (in new topic)

Post by sasukekun on May 12th 2013, 7:47 pm

BUMP!!

Please someone help me Sad

sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down

Solved Re: How to make design background image in post topic? (in new topic)

Post by Jophy on May 13th 2013, 4:43 am

Have you tried searching for tutorials about this?

There are some topics like this:
http://www.webartzforum.com/t544-how-do-i-make-an-announcement-like-forumotion-does?highlight=announcement

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

Solved Re: How to make design background image in post topic? (in new topic)

Post by Derri on May 13th 2013, 2:28 pm

Hi,

You need to make sure you've got HTML enabled in messages for this to show up.

ACP --> Messages --> Allow HTML --> Yes



Forum Rules: :Forumotion Staff: :Appeal A Warning: :FAQ: :Tips & Tricks: :Forgotten Password/Login Issues
You need one post to send a PM
When your topic has been solved, ensure you mark the topic solved
Never post your email in public


Derri
Administrator
Administrator

Male Posts : 8355
Reputation : 571
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

Solved Re: How to make design background image in post topic? (in new topic)

Post by sasukekun on May 16th 2013, 4:34 am

thanks all Very Happy

problem solved for this topic cheers

sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down

Solved Re: How to make design background image in post topic? (in new topic)

Post by SLGray on May 16th 2013, 5:10 am

Topic Solved & Locked


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35667
Reputation : 2375
Language : English
Location : United States

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