Distribuiţi
In jos
avatar
Administrator
Administrator
Mesaje : 870
Varsta : 16
Localizare : Constanța
Data înscrierii : 07/03/2016
Status : Fericit
Vezi profilul utilizatoruluihttps://www.fgdesign.biz

Cum fac si eu iamgini ca la voi la Categorii / Forumuri / Sub Categorii

la data de Lun Apr 24, 2017 1:35 pm
Cum spune si in titlu vreau sa fac ca in imaginea de mai jos : 


Index box : 
Cod:
<div class="panel introduction">
    <div class="inner"><span class="corners-top"><span></span></span>
        <div class="mes-txt">
            <style type="text/css">
                /* GENERAL HOMEPAGE MESSAGE */
                .homepageTitle {
                    color:#39C;
                    font-size:21px;
                    font-style:italic;
                    font-family:"Trebuchet MS", Verdana, Arial, Sans-serif;
                    background:url(http://illiweb.com/fa/optimisation_fdf/fr/puce10.png) no-repeat 0 0;
                    height:40px;
                    padding:5px 0px 0px 25px;
                }
                #homepageLogo {
                    float:right;
                    margin-left:20px;
                }
                #hideHomepageMessage {
                    float:right;
                    cursor:pointer;
                }
                /* INFO BOX */
                .l-tabs {
                    color:#666;
                    background:#FFF;
                    border:1px solid #39C;
                    border-bottom-width:3px;
                    border-radius:0 3px 3px 3px;
                    padding:6px;
                }
                .tabs {
                    background:#FFF;
                    border:1px solid #39C;
                    border-bottom:none;
                    border-radius:3px 3px 0 0;
                    overflow:hidden;
                    display:inline-block;
                }
                .tabs a {
                    color:#333;
                    background:#FFF;
                    border-right:1px solid #39C;
                    font-size:11px;
                    font-weight:bold;
                    display:inline-block;
                    padding:6px 9px;
                }
                .tabs a:hover, .tabs .active {
                    color:#FFF;
                    background:#39C;
                }
              .ico-homepage i, .ico-homepage em {
    font-size: 50px;
    background: #39c;
    padding: 20px;
    color: #fff;
    margin-right: 10px;
}
                #faInfoAnn {
                    background-image:url('http://i18.servimg.com/u/f18/18/21/60/73/fdf_bu10.png')
                }
                #faInfoSearch {
                    background-image:url('http://i18.servimg.com/u/f18/18/21/41/30/fdf_se10.png')
                }
                #faInfoExplain {
                    background-image:url('http://i18.servimg.com/u/f18/18/21/41/30/fdf_ex10.png')
                }
                #faInfoSuggestion {
                    background-image:url('http://i18.servimg.com/u/f18/18/21/41/30/fdf_su10.png')
                }
                #faInfoStaff {
                    background-image:url('http://i18.servimg.com/u/f18/18/21/41/30/fdf_st10.png')
                }
                .infoBlock {
                    text-align:justify;
                    background-repeat:no-repeat;
                    background-position:0 50%;
                    padding-left:75px;
                    min-height:100px;
                }
                /* INFO NEWS */
                .faNewsRow {
                    background:#F0F6F8;
                    border-radius:3px;
                    margin:3px 0;
                    padding:5px 10px;
                }
                .faNewsRow a {
                    font-weight:bold
                }
                .faNewsDate {
                    font-size:11px;
                    font-style:italic;
                    background:url(http://illiweb.com/fa/subsilver/icon_miniposted.gif) no-repeat 0 center;
                    padding-left:12px;
                    float:right;
                }
                /* PROFILE STYLE */
                #userProfile {
                    font-size:11px;
                    position:relative;
                    margin-top:30px;
                    margin-bottom:10px;
                }
                #userProfile .leftCol {
                    float:left;
                    text-align:center;
                    width:20%;
                }
                #userProfile .rightCol {
                    float:left;
                    width:25%;
                }
                #userName {
                    background:#FAFAFA;
                    border:1px solid #DDD;
                    color:#39C;
                    font-weight:bold;
                    font-family:"Trebuchet MS", Verdana, Arial, Sans-serif;
                    border-radius:3px 3px 0 0;
                    position:absolute;
                    left:3px;
                    top:-20px;
                    padding:0 12px;
                    line-height:18px;
                }
                #userName span {
                    font-weight:normal
                }
                #userAvatar img {
                    max-width:100px
                }
                #userAvatar {
                    display:inline-block;
                    overflow:hidden;
                    min-height:100px;
                    min-width:100px;
                }
                #userProfile .title {
                    color:#39C;
                    font-weight:bold;
                    border-bottom:1px solid #39C;
                    padding-bottom:3px;
                    margin-bottom:3px;
                    width:90%;
                }
                #userProfile .statLabel {
                    display:inline-block;
                    width:85px;
                    font-weight:bold;
                    text-align:right;
                    margin-right:6px;
                }
                /* SEARCH BAR */
                #fa_google_search form.gsc-search-box {
                    width:80%
                }
                .gsc-input-box {
                    height:auto
                }
                .gsc-search-box-tools .gsc-search-box .gsc-input, .gsib_a, .cse .gsc-control-cse, .gsc-control-cse {
                    padding:0
                }
                .gsc-control-cse, .gsc-input-box, input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
                    background:none;
                    border:none;
                }
                input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
                    height:12px;
                    background-color:#369FCF;
                    border-radius:0 3px 3px 0;
                    margin:0;
                    margin-left:21px;
                    padding:10px;
                    box-shadow:none;
                }
                #gsc-i-id1 {
                    height:18px !important;
                    padding:6px 12px !important;
                    border:1px solid #369FCF !important;
                    box-shadow:none !important;
                    cursor:text;
                }
                #gsc-i-id1, .gsc-input-box-focus {
                    border-radius:3px 0 0 3px
                }
                .gsib_b {
                    position:relative
                }
                .gsst_a {
                    position:absolute;
                    top:6px;
                }
            </style>

            <img id="hideHomepageMessage" src="http://illiweb.com/fa/m/tabs_less1.gif">
            <div id="hiddenTitle" class="homepageTitle" style="display: none;">Welcome Guest to the Support Forum of Forum<span style="color:#333">otion</span>
            </div>
            <div id="homepageMessage" style="display: block;">
                <img id="homepageLogo" src="http://i18.servimg.com/u/f18/18/45/41/65/fdf-f11.png" alt="">
                <div class="homepageTitle">Welcome Guest to the Support Forum of Forum<span style="color:#333">otion</span>
                </div>
                <div style="text-align:justify">Welcome to the Official Support forum of <span style="color:#39C">Forum</span><span style="color:#333">otion</span>, Guest. This forum is based on volunteer support, so it is necessary to <strong>do a search</strong> before opening a new
                    topic for a question or problem. If no results were found, you can then open a new topic <strong>clearly explaining</strong> your problem.
                    <br>Furthermore, to help make the staff's job easier, remember to check the
                    <img src="http://i21.servimg.com/u/f21/16/89/96/68/solved11.png" alt="Solved">icon by editing your first post when your problem has been resolved.</div>

                <br class="clear">
                <ul class="tabs">
                                                                                            
 <li>
                                            <a class="active" href="#tab1">Noutăti</a>                                            
 </li>
                                                                                                                                                                              
 <li>
                                            <a class="" href="#tab3">Explică problema ta</a>                                            
 </li>
                                                                                            
 <li>
                                            <a class="" href="#tab4">Deschide o sugestie</a>                                            
 </li>
                                                                                            
 <li>
                                            <a class="" href="#tab5">Echipa Forumgratuit</a>                                            
 </li>
</ul>
                
<div style="display: block;" class="l-tabs" id="tab1">

    <table>

        <tbody>

            <tr>

                <td valign="top">

                    <div class="ico-homepage ico-green2">
                         <em class="fa fa-bullhorn"> </em>
                    </div>

                </td>

                <td>

                    <div id="noutati_fg_4" class="noutati_fg"></div>

                </td>

            </tr>

        </tbody>

    </table>
</div>
                  <div style="display: none;" class="l-tabs t-yellow" id="tab3">

    <table>

        <tbody>

            <tr>

                <td valign="top">

                    <div class="ico-homepage ico-yellow">
                         <em class="fa fa-pencil"> </em>
                    </div>

                </td>Text
                <td>
                </td>

            </tr>

        </tbody>

    </table>
</div>
                  <div style="display: none;" class="l-tabs t-green" id="tab4">

    <table>

        <tbody>

            <tr>

                <td valign="top">

                    <div class="ico-homepage ico-green">
                         <em class="fa fa-flask"> </em>
                    </div>

                </td>

                <td>text
                </td>

            </tr>

        </tbody>

    </table>
</div>
                  <div style="display: none;" class="l-tabs t-green" id="tab5">

    <table>

        <tbody>

            <tr>

                <td valign="top">

                    <div class="ico-homepage ico-orange">
                         <em class="fa fa-users"> </em>
                    </div>

                </td>

                <td>Text
                </td>

            </tr>

        </tbody>

    </table>
</div>
          
        </div>
                      <span class="corners-bottom"><span></span></span>
    </div>
</div>
                  </div>
<ul class="linklist">
 <!-- BEGIN switch_user_logged_in -->
 <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> • </li>
 <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> • </li>
 <!-- END switch_user_logged_in -->
 <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
 <!-- BEGIN switch_user_logged_in -->
 <li class="rightside"><a href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
 <!-- END switch_user_logged_in -->
</ul>

<!-- BEGIN catrow -->
 <!-- BEGIN tablehead -->
 <div class="forabg">
 <div class="inner"><span class="corners-top"><span></span></span>
 <ul class="topiclist">
 <li class="header">
 <dl class="icon">
 <dd class="dterm"><div class="table-title">{catrow.tablehead.L_FORUM}</div></dd>
 <dd class="topics">{L_TOPICS}</dd>
 <dd class="posts">{L_POSTS}</dd>
 <dd class="lastpost"><span>{L_LASTPOST}</span></dd>
                                          <dd><a href="#" class="fa fa_toggle" id="fa_toggle-0"></a></dd>
 </dl>
 </li>
 </ul>
 <ul class="topiclist forums">
 <!-- END tablehead -->

 <!-- BEGIN forumrow -->
 <li class="row">
 <dl class="icon" style="background:url({catrow.forumrow.FORUM_FOLDER_IMG}) no-repeat scroll {catrow.forumrow.INC_LEVEL} 50%;">
 <dd class="dterm">
 <div style="display: block; margin : 0 {catrow.forumrow.INC_LEVEL_RIGHT} 0 {catrow.forumrow.INC_LEVEL_LEFT};">
 <h{catrow.forumrow.LEVEL} class="hierarchy">
 <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
 </h{catrow.forumrow.LEVEL}>
 <br />
 {catrow.forumrow.FORUM_DESC}

 <!-- BEGIN switch_moderators_links -->
 {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
 <!-- END switch_moderators_links -->
 {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
 <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
 </div>
 </dd>
 <dd class="topics">{catrow.forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>
 <dd class="posts">{catrow.forumrow.POSTS} <dfn>{L_POSTS}</dfn></dd>
 <dd class="lastpost">
 <!-- BEGIN ads -->
 <span class="AD_LastPA">
                                <span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
                                <span class="AD_LastInfos">
                                    <b><a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a></b><br />
                                    {catrow.forumrow.ads.DATE}<br />
                                    {catrow.forumrow.ads.LOCATION}
                                </span>
 </span>
                            <!-- END ads -->
 
                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->

 <span>
 <!-- BEGIN switch_topic_title -->
 <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
 <!-- END switch_topic_title -->
 {catrow.forumrow.USER_LAST_POST}
 </span>
 </dd>
 </dl>
 </li>
 <!-- END forumrow -->

 <!-- BEGIN tablefoot -->
 </ul>

 <span class="corners-bottom"><span></span></span></div>
 </div>
 <!-- END tablefoot -->
<!-- END catrow -->

<!-- BEGIN switch_on_index -->
<ul class="linklist">
 <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a> • </li>
 <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a> •&nbsp;</li>
 <li class="last"><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
 <!-- BEGIN switch_delete_cookies -->
 <li class="rightside"><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></li>
 <!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->


Forum : http://suport.forummo.com/
avatar
Administrator
Administrator
Mesaje : 736
Varsta : -3582
Localizare : FgDesign
Data înscrierii : 11/07/2014
Vezi profilul utilizatoruluihttps://www.fgdesign.biz

Re: Cum fac si eu iamgini ca la voi la Categorii / Forumuri / Sub Categorii

la data de Lun Apr 24, 2017 6:23 pm
Reputaţie mesaje: 100% (1 voturi)
Panou Afisare Imagini si culori Culori Foaie de stil CSS

Adăugați următoarele coduri

Cod:

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.desc-icon {
    background-color: #2d79da !important;
    border-radius: 0px;
    box-shadow: inset 1px 1px 0 rgba(255,255,255,0.1), 1px 1px 1px rgba(0,0,0,0.1);
    box-sizing: border-box;
    color: #fff;
    float: left;
    font-size: 27px!important;
    height: 50px;
    margin-left: -35px!important;
    margin-right: 15px;
    margin-top: -8px;
    overflow: hidden!important;
    padding: 12px 0;
    position: relative;
    text-align: center;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.1);
    width: 50px;
}
.forabg .row .icon {
    background: none!important;
}


Panou General Forum Categorii si forumuri

Adăugați acest cod în descrierea unui forum

Cod:
<em class="fa fa-comments desc-icon"></em>
avatar
Administrator
Administrator
Mesaje : 870
Varsta : 16
Localizare : Constanța
Data înscrierii : 07/03/2016
Status : Fericit
Vezi profilul utilizatoruluihttps://www.fgdesign.biz

Re: Cum fac si eu iamgini ca la voi la Categorii / Forumuri / Sub Categorii

la data de Mar Apr 25, 2017 4:09 pm
Ceva nu e bine ... Uitati : 
http://suport.forummo.com/
avatar
Administrator
Administrator
Mesaje : 736
Varsta : -3582
Localizare : FgDesign
Data înscrierii : 11/07/2014
Vezi profilul utilizatoruluihttps://www.fgdesign.biz

Re: Cum fac si eu iamgini ca la voi la Categorii / Forumuri / Sub Categorii

la data de Mar Apr 25, 2017 8:22 pm
Adaugă acest cod în css

Cod:
.hierarchy {
    border: none;
    display: inline;
    font-size: 1em!important;
    text-transform: none;
    margin-left: 25px;
}
avatar
Administrator
Administrator
Mesaje : 870
Varsta : 16
Localizare : Constanța
Data înscrierii : 07/03/2016
Status : Fericit
Vezi profilul utilizatoruluihttps://www.fgdesign.biz

Re: Cum fac si eu iamgini ca la voi la Categorii / Forumuri / Sub Categorii

la data de Mar Apr 25, 2017 8:41 pm
Multumesc , problema rezolvata !
avatar
Administrator
Administrator
Mesaje : 736
Varsta : -3582
Localizare : FgDesign
Data înscrierii : 11/07/2014
Vezi profilul utilizatoruluihttps://www.fgdesign.biz

Re: Cum fac si eu iamgini ca la voi la Categorii / Forumuri / Sub Categorii

la data de Mar Apr 25, 2017 8:45 pm


=> Problema rezolvata
Continut sponsorizat

Re: Cum fac si eu iamgini ca la voi la Categorii / Forumuri / Sub Categorii

Sus
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum