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.
The forum of the forums
2 posters

    post body

    omarpop23
    omarpop23
    omarpop23
    Forumember


    Male Posts : 182
    Reputation : 3
    Language : Arabic
    Location : Egypt
    • Post nĀ°1

    In progress post body

    Post by omarpop23 13/12/2015, 12:10

    how can i make post with background like this:
    post body Untitl10
    Question Question Wink
    • Back to top
    SLGray
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51554
    Reputation : 3524
    Language : English
    Location : United States
    • Post nĀ°2

    In progress Re: post body

    Post by SLGray 13/12/2015, 17:11




    post body Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    • Back to top
    omarpop23
    omarpop23
    omarpop23
    Forumember


    Male Posts : 182
    Reputation : 3
    Language : Arabic
    Location : Egypt
    • Post nĀ°3

    In progress Re: post body

    Post by omarpop23 14/12/2015, 16:29

    i think my problem doesn't solve yet post body 1f625
    • Back to top
    SLGray
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51554
    Reputation : 3524
    Language : English
    Location : United States
    • Post nĀ°4

    In progress Re: post body

    Post by SLGray 14/12/2015, 16: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.
    • Back to top
    omarpop23
    omarpop23
    omarpop23
    Forumember


    Male Posts : 182
    Reputation : 3
    Language : Arabic
    Location : Egypt
    • Post nĀ°5

    In progress Re: post body

    Post by omarpop23 15/12/2015, 12: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";
    }

    this topic was writen by omarpop23
    • Back to top
    omarpop23
    omarpop23
    omarpop23
    Forumember


    Male Posts : 182
    Reputation : 3
    Language : Arabic
    Location : Egypt
    • Post nĀ°6

    In progress Re: post body

    Post by omarpop23 24/12/2015, 09:57

    can i make a button do this automatic like Ā this buttonĀ post body Snippe10
    • Back to top

      Current date/time is 13/11/2024, 11:21