The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

post body

2 posters

Go down

In progress post body

Post by omarpop23 Sun Dec 13 2015, 20:10

how can i make post with background like this:
post body Untitl10
Question Question Wink
omarpop23
omarpop23
Forumember

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

http://devs.ahlamontada.com

Back to top Go down

In progress Re: post body

Post by SLGray Mon Dec 14 2015, 01:11



post body Slgray10

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

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: post body

Post by omarpop23 Tue Dec 15 2015, 00:29

i think my problem doesn't solve yet post body 1f625
omarpop23
omarpop23
Forumember

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

http://devs.ahlamontada.com

Back to top Go down

In progress Re: post body

Post by SLGray Tue Dec 15 2015, 00:56

What is not working?


post body Slgray10

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

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: post body

Post by omarpop23 Tue Dec 15 2015, 20:22

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 post body Snippe10


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
omarpop23
Forumember

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

http://devs.ahlamontada.com

Back to top Go down

In progress Re: post body

Post by omarpop23 Thu Dec 24 2015, 17:57

can i make a button do this automatic like  this button post body Snippe10
omarpop23
omarpop23
Forumember

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

http://devs.ahlamontada.com

Back to top Go down

Back to top


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