Forum gratuit: forum de suport al utilizatorilor
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

Footer elegant ca pe suport

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Footer elegant ca pe suport

Mesaj Scris de AlexCalin Vin Oct 23, 2015 12:31 am

Cum pot adauga si eu aceste linkuri?
Footer elegant ca pe suport Sy41ap


Ultima editare efectuata de catre AlexCalin in Vin Oct 23, 2015 10:32 am, editata de 1 ori
AlexCalin

AlexCalin
Membru Forumgratuit

Mesaje : 149
Varsta : 30
Data înscrierii : 22/10/2015
Mulțumiri : 2
Internet Explorer Invision

http://lanenicu.forum.st/
AlexCalin a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Footer elegant ca pe suport

Mesaj Scris de Zeus Vin Oct 23, 2015 9:52 am

Buna dimineata,

Postati aici sabloanele overall_footer_begin si overall_footer_end.
Zeus

Zeus
Membru onorific
Membru onorific

Mesaje : 4160
Varsta : 27
Localizare : Bucuresti, Romania
Data înscrierii : 19/02/2012
Mulțumiri : 644
Google Chrome phpBB3

https://github.com/zeusmaximus
Zeus a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Footer elegant ca pe suport

Mesaj Scris de AlexCalin Vin Oct 23, 2015 10:02 am

overall_footer_end:

Cod:
<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div>
   <div>
      <div>
         <div>
            <div>
               <div>
                  <div>
                     <del>
                        <ul>
                           <li>
<!-- END html_validation -->
                           </li>
                        </ul>
                        <!-- BEGIN switch_footer_links -->
                        <ul>
                           <li>
                              <!-- BEGIN footer_link -->
                                 <!-- BEGIN switch_separator -->&nbsp;|&nbsp;<!-- END switch_separator -->
                                 {switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                              <!-- END footer_link -->
                           </li>
                        </ul>
                        <!-- END switch_footer_links -->
                     </del>
                  </div>
               </div>
            </div>
            {PROTECT_FOOTER}
            <p class="center">
               <strong>{ADMIN_LINK}</strong>
            </p>
         </div>
      </div>
   </div>
</div>

<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
    FB.init({
      appId      : {switch_facebook_login.FACEBOOK_APP_ID},
      cookie    : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_facebook_login -->

<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
   if ($('a#logout'))
   {
      var lien_redir = $('a#logout').attr('href');

      if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
      {
         document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
      }
   }
});

$(document).ready( function() {
   $('a#logout').click( function() {
      FB.logout();
   } );
} );
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->
<script type="text/javascript">//<![CDATA[
 
 
<script type="text/javascript">
//<![CDATA[
   fa_endpage();
//]]>
</script>
</body>
</html>

<div style="position: fixed; right: 10px; bottom: 72px; z-index: 500;" id="back-to-top"><a href="javascript:void(0);" id="totop"></a></div>
<script type="text/javascript">//<![CDATA[
/* zzCollapse by zzbaivong <devs.forumvi.com> */function toggleCategory(id) {$("#b" + id).toggleClass("expand");$("#" + id).stop().slideToggle(function() {var b = [];$.each($(".maincontent:hidden"), function(a, c) {b.push(c.id)});my_setcookie("zzCollapse", b.join("|"), !0)});}var zzCollapse = my_getcookie("zzCollapse");null !== zzCollapse && $.each(zzCollapse.split("|"), function(b, a) {$("#b" + a).addClass("expand");$("#" + a).hide()});$(window).scroll(function() {300 < $(this).scrollTop() ? $("#back-to-top").fadeIn() : $("#back-to-top").fadeOut()});$("#totop").click(function() {$("body,html").animate({scrollTop: 0})});function lang_vi(a) {a = a.toLowerCase();a = a.replace(/\u00e0|\u00e1|\u1ea1|\u1ea3|\u00e3|\u00e2|\u1ea7|\u1ea5|\u1ead|\u1ea9|\u1eab|\u0103|\u1eb1|\u1eaf|\u1eb7|\u1eb3|\u1eb5/g, "a");a = a.replace(/\u00e8|\u00e9|\u1eb9|\u1ebb|\u1ebd|\u00ea|\u1ec1|\u1ebf|\u1ec7|\u1ec3|\u1ec5/g, "e");a = a.replace(/\u00ec|\u00ed|\u1ecb|\u1ec9|\u0129/g, "i");a = a.replace(/\u00f2|\u00f3|\u1ecd|\u1ecf|\u00f5|\u00f4|\u1ed3|\u1ed1|\u1ed9|\u1ed5|\u1ed7|\u01a1|\u1edd|\u1edb|\u1ee3|\u1edf|\u1ee1/g, "o");a = a.replace(/\u00f9|\u00fa|\u1ee5|\u1ee7|\u0169|\u01b0|\u1eeb|\u1ee9|\u1ef1|\u1eed|\u1eef/g,"u");a = a.replace(/\u1ef3|\u00fd|\u1ef5|\u1ef7|\u1ef9/g, "y");a = a.replace(/\u0111/g, "d");a = a.replace(/\W+/g, "-");a = a.replace(/^\-+|\-+$/g, "");a = a.replace(/(-group)$/, "");return a.replace(/(-page-\d+)$/, "")}$("a[href^='/t'], a[href^='http://" + location.host + "/t']").html(function () {var a = $(this).text();if(/^\[([^\[\]]+)\]/.test(a)) return a.replace(/^\[[^\[\]]+\]/, function (a) {return '<span class="prefix ' + lang_vi(a) + '">' + a.slice(1,-1) + "</span>"})});//]]></script>

Begin:
Cod:
<!-- BEGIN html_validation -->
<div><div>
   <div>
      <div>
         <div>
            <div>
               <div>
                  <div>
<!-- END html_validation -->
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div></div>
<div id="footer"><div class="ipbwrapper">
<div id="{ID_RIGHT}" class="clearfix">
              <!-- BEGIN giefmod_index2 -->
            {giefmod_index2.MODVAR}
            <!-- END giefmod_index2 -->
  </div>
<div id="gfooter">
   <div class="clearfix">
      <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}" id="qjump">
         <fieldset>{S_JUMPBOX_SELECT}</fieldset>
      </form>
          <div id="zzMudimFork" class="left"></div>
          <div class="copyright right">Power by <a href="http://lanenicu.forum.st">Invision</a></div>
  <center>         
<tabel id="partners_table" border="0">

<tr>
<td><a href="http://lanenicu.board.st" target="_blank" title="Lanenicu"><img src="http://s26.postimg.org/ry8zo75r9/Untitled_1.gif" alt="Lanenicu"></a></td>
<td><a href="http://lanenicu.board.st" target="_blank" title="Lanenicu"><img src="http://i59.tinypic.com/vd1swn.gif" alt="Lanenicu"></a></td>

</tr>
<tr>
<td><a href="http://lanenicu.board.st" target="_blank" title="Lanenicu"><img src="http://i39.servimg.com/u/f39/15/42/26/78/test10.gif" alt="Lanenicu"></a></td>
<td><a href="http://lanenicu.board.st" target="_blank" title="Lanenicu"><img src="http://i61.tinypic.com/2dj6gr4.jpg" alt="Lanenicu"></a></td>

</tr>
  </table> </center>
<style>
table#partners_table{
border-collapse: separate !important;
border-spacing: 15px !important;
border-color: transparent !important;
background-color: transparent !important;
}
table#partners_table td{
border-color: transparent !important;
background-color: transparent !important;
}</style>
  <center><div class="centerer footer-links">
         <del></center>
            <ul>
               <li>
<!-- BEGIN html_validation -->
               </li>
            </ul>
         </del>
      </div>
   </div>
</div></div>
</div>
<!-- END html_validation -->
AlexCalin

AlexCalin
Membru Forumgratuit

Mesaje : 149
Varsta : 30
Data înscrierii : 22/10/2015
Mulțumiri : 2
Internet Explorer Invision

http://lanenicu.forum.st/
AlexCalin a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Footer elegant ca pe suport

Mesaj Scris de Zeus Vin Oct 23, 2015 10:26 am

In sablonul overall_footer_begin cautati linia 18:
Cod:

<div id="footer">

Si adaugati urmatorul cod dupa:
Cod:

 <ul class="footer-links">
    <li>
      <h3>Titlul #1</h3><br />
      <a href="#">Link1</a><br />
      <a href="#">Link2</a><br />
      <a href="#">Link3</a><br />
      <a href="#">Link4</a><br />
      <a href="#">Link5</a><br />
    </li>
    <li>
      <h3>Titlul #2</h3><br />
      <a href="#">Link1</a><br />
      <a href="#">Link2</a><br />
      <a href="#">Link3</a><br />
      <a href="#">Link4</a><br />
      <a href="#">Link5</a><br />
    </li>  
    <li>
      <h3>Titlul #3</h3><br />
      <a href="#">Link1</a><br />
      <a href="#">Link2</a><br />
      <a href="#">Link3</a><br />
      <a href="#">Link4</a><br />
      <a href="#">Link5</a><br />
    </li>    
    <li>
      <h3>Titlul #4</h3><br />
      <a href="#">Link1</a><br />
      <a href="#">Link2</a><br />
      <a href="#">Link3</a><br />
      <a href="#">Link4</a><br />
      <a href="#">Link5</a><br />
    </li>    
  </ul>  

Inregistrati si publicati template-ul.

Acum nu mai ramane decat personalizarea codurilor aplicate anterior folosind css. Introduceti urmatorul cod in foaia de stil css:
Cod:

.footer-links li {
display: inline !important;
float: left;
width: 25%;
padding: 10px;
}

.footer-links {
width: 1140px;
z-index:99999;
position: relative;
margin: 0 auto;
}

.footer-links a {
color: #f1f1f1;
}

.footer-links h3{
color: white !important;
}
Zeus

Zeus
Membru onorific
Membru onorific

Mesaje : 4160
Varsta : 27
Localizare : Bucuresti, Romania
Data înscrierii : 19/02/2012
Mulțumiri : 644
Google Chrome phpBB3

https://github.com/zeusmaximus
Zeus a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Footer elegant ca pe suport

Mesaj Scris de AlexCalin Vin Oct 23, 2015 10:31 am

Multumesc frumos!
AlexCalin

AlexCalin
Membru Forumgratuit

Mesaje : 149
Varsta : 30
Data înscrierii : 22/10/2015
Mulțumiri : 2
Internet Explorer Invision

http://lanenicu.forum.st/
AlexCalin a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Footer elegant ca pe suport

Mesaj Scris de Zeus Vin Oct 23, 2015 10:32 am

Cu placere! A face cu ochiul
topic rezolvat
Zeus

Zeus
Membru onorific
Membru onorific

Mesaje : 4160
Varsta : 27
Localizare : Bucuresti, Romania
Data înscrierii : 19/02/2012
Mulțumiri : 644
Google Chrome phpBB3

https://github.com/zeusmaximus
Zeus a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum