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.

post body

View previous topic View next topic Go down

In progress post body

Post by omarpop23 on December 13th 2015, 7:10 pm

how can i make post with background like this:

Question Question Wink

omarpop23
Forumember

Male Posts : 143
Reputation : 3
Language : Arabic
Location : Egypt

http://egyover.ahlamontada.com

Back to top Go down

In progress Re: post body

Post by SLGray on December 14th 2015, 12:11 am



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


SLGray
Administrator
Administrator

Male Posts : 35622
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

In progress Re: post body

Post by omarpop23 on December 14th 2015, 11:29 pm

i think my problem doesn't solve yet

omarpop23
Forumember

Male Posts : 143
Reputation : 3
Language : Arabic
Location : Egypt

http://egyover.ahlamontada.com

Back to top Go down

In progress Re: post body

Post by SLGray on December 14th 2015, 11:56 pm

What is not working?


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


SLGray
Administrator
Administrator

Male Posts : 35622
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

In progress Re: post body

Post by omarpop23 on December 15th 2015, 7:22 pm

post body
by this way i have to write
3 class of table
and 7 class [td]
Code:

[table class="tuto-header"][tr][td class="tuto-logo"][/td][td class="tuto-title"]  post title [/td][td class="tuto-type"][/td][/tr][/table]
[table class="tuto-content"][tr][td]content here[/td][/tr][/table]
[table class="tuto-footer"][tr][td class="tuto-copyrights"]this topic was writen by [url=http://help.forumotion.com/u95616]omarpop23[/url][/td][td class="tuto-brand"][/td][/tr][/table]
can i make a button do this automatic like  this button


i have to add this CSS
Code:

.tuto-header {
    background: #39C;
    border: 1px solid #39C;
    border-radius: 3px 3px 0 0;
    color: #FFF;
    padding: 3px;
  width: 100%;
}
.tuto-type:after {
    background: #FFF;
    border-radius: 0 0 3px 3px;
    color: rgb(51, 153, 204);
    content: "Template";
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    padding: 3px 9px;
    position: absolute;
    left: 20px;
    top: -3px;
     
}
.tuto-logo, .tuto-type {
    height: 75px;
    position: relative;
    text-align: center;
    width: 150px;
}
.tuto-logo:after {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: url(http://i68.servimg.com/u/f68/19/34/86/41/barbar11.png);
}
.tuto-title {
    font-size: 22px;
    text-align: center;
}
.tuto-content {
    background: #FFF;
    border: 1px solid #39C;
    border-bottom: 3px dashed #CCC!important;
    padding: 3px;
}
.tuto-footer {
    background: #FFF;
    border: 1px solid #39C;
    border-bottom-width: 5px;
    border-radius: 0 0 3px 3px;
    border-top: none;
      width: 100%;
}
.tuto-credit {
    padding: 10px 6px;
    position: relative;
    text-align: justify;
    vertical-align: middle;
}
.tuto-brand {
    height: 60px;
    background: url(http://i68.servimg.com/u/f68/19/34/86/41/barbar10.png) no-repeat 50% 3%;
    padding: 6px 0;
    text-align: center;
    vertical-align: bottom;
    width: 120px;
}
.tuto-brand:before {
    color: #39C;
    content: "cocss";
}
.tuto-brand:after {
    color: #333;
    content: ".arab.st";
}


omarpop23
Forumember

Male Posts : 143
Reputation : 3
Language : Arabic
Location : Egypt

http://egyover.ahlamontada.com

Back to top Go down

In progress Re: post body

Post by omarpop23 on December 24th 2015, 4:57 pm

can i make a button do this automatic like  this button 

omarpop23
Forumember

Male Posts : 143
Reputation : 3
Language : Arabic
Location : Egypt

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