demande de code

Aide générale [Réglé] demande de code

saturnin

Administrateur

Rang

Inscrit le : 08/08/2009 à 22h19

Messages: 3963

Le 18/10/2009 à 22h03

Reprise du message précédent

bha le tuto est a faire...
c'est pas compliquer , c'est une sorte de mod du module news.

quand je serais a jour je poserai, avec l'aide de swan, l'ensemble des choses a metre en place pour avoir une page d'accueil.

mais elle a bon coeur, et si tu lui dis ce que tu veur et comment elle te le feras.

allé si t'est sage je donnerais meme un "truc" pour que un module ne s'affiche que sur une page.
comme le menu partenaire de PcI, ou la shootbox qui elle ne s'affiche pas si elle est affiché sur le central.

signaturesaturnin

Accroche toi au clavier, je retire le shell...

Site web

infoking1

EDN Erudit(e)

Rang

Inscrit le : 22/09/2009 à 12h10

Messages: 1244

Le 18/10/2009 à 22h21

saturnin:

mais elle a bon coeur, et si tu lui dis ce que tu veur et comment elle te le feras

Là je n'en doutai pas une seconde, du coup j'ai complété mon post de demande de thème perso.

</p>Gérez vos comptes bancaires de façon simple et efficace avec BanqueManager
Téléchargement gratuit ici
--------------------------------------------------------------------------------

Site web

Yussufy

EDN Concerné(e)

Rang

Inscrit le : 10/09/2009 à 10h33

Messages: 136

Le 18/10/2009 à 22h50

bah écoute, je pourrai te faire ta page perso ^^ seulement il faut me préciser ce que tu veux dednas, dans le detail.

Enimsay.

infoking1

EDN Erudit(e)

Rang

Inscrit le : 22/09/2009 à 12h10

Messages: 1244

Le 19/10/2009 à 11h59

Salut EnimSay,

Quand tu parles de page perso, tu penses à la page d'accueil, n'est ce pas ?
J'ai déjà détaillé le contenu souhaité sur la page d'accueil ici, si tu veux plus d'infos n'hésites pas.

Les sites qui m'inspirent le plus en ce moment sont ZDNet et Tom's Guide.

</p>Gérez vos comptes bancaires de façon simple et efficace avec BanqueManager
Téléchargement gratuit ici
--------------------------------------------------------------------------------

Site web

foufou

EDN Curieux(se)

Rang

Inscrit le : 30/08/2009 à 20h00

Messages: 42

Le 21/10/2009 à 18h23

alor pour le code tu as eu le temps de le faire ou pas

Site web

foufou

EDN Curieux(se)

Rang

Inscrit le : 30/08/2009 à 20h00

Messages: 42

Le 21/10/2009 à 18h31

j ai trouve un logiciel pour faire tabs mais c'est en anglais
...:Deluxe Tabs v3.3

Site web

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 21/10/2009 à 18h33

Dis moi foufou, tu te moques de moi ou pas là ?

D'abord un "Bonjour", m'aurais fait plaisir ! Ensuite la moindre des politesses est de le demander plus civilement avec un "S'il te/vous plait" ..

Et non, car j'avais fort à faire ! Mais tu peux constater l'avancée de l' Espace membres/PHPBoost: Les extras, pour voir le travail accompli.

Maintenant essais d'être plus courtois, pour voir ....

swan_signature

Site web

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 22/10/2009 à 19h21

Voilà, vu que Swan, n'a qu'une parole, le tutoriel est fait : Insérer un tableau à onglet dans la page index. En espérant que tu en sera satisfait.

swan_signature

Site web

foufou

EDN Curieux(se)

Rang

Inscrit le : 30/08/2009 à 20h00

Messages: 42

Le 23/10/2009 à 19h47

un grad merci à swanpour ce travail que tu fais pour les autres encore merci

Site web

foufou

EDN Curieux(se)

Rang

Inscrit le : 30/08/2009 à 20h00

Messages: 42

Le 24/10/2009 à 12h13

j'ai essaye de faire comme tu as dit sur le tutor mais rien ne s'affiche . Je vais t'explique comment j'ai fait .
1) j'ai pris le code je le mets dans news.tpl
2) ensuite j'ai telecharge le dossier en zip et puis je le mets dans /templates/AsfalouTinghir/tableau mais rien est affiche dans new.php
voila new.tpl merci à vous de votre aide
ps: j'ai pas modifier le code je vais le faire par la suite car je veux comment se fait .

Code TPL :

 
 <!-- START Tableau à onglets -->
<div id="maintab" class="tabdossier" style="width: 761px; height: 1102px">
 <div id="maintab" class="tabList">
<ul class="shadetabs" id="maintab">
    <li class="selected"><a rel="tcontent1" href="#">Onglet 1</a></li>
    <li class=""><a rel="tcontent2" href="#">Onglet 2</a></li>
    <li class=""><a rel="tcontent3" href="#">Onglet 3</a></li>
    <li class=""><a rel="tcontent4" href="#">Onglet 4</a></li> 
</ul>
<div class="tabcontentstyle" style="width: 761px; height: 348px">
  <div class="tabcontent" id="tcontent1" style="display: block;"> 
Onglet 1
<br /> Je met mon texte ici...
<br /><a href="javascript: expandtab('maintab', 3)">Cliquez ici pour aller à Onglet 4 </a>
</div>
 
<div class="tabcontent" id="tcontent2" style="display: none;"> 
Onglet 2
<br /> Je met mon texte ici...
</div>
 
<div class="tabcontent" id="tcontent3" style="display: none;">
Onglet 3
<br /> Je met mon texte ici...
</div>
 
<div class="tabcontent" id="tcontent4" style="display: none;">
Onglet 4
<br /> Je met mon texte ici...
</div>
<p><script type="text/javascript">initializetabcontent("maintab")</script> <br/></p>
</div>
</div>
</div>
<!-- END Tableau à onglets -->
 <script type="text/javascript">
        <!--
        function Confirm() {
            return confirm("{L_ALERT_DELETE_NEWS}");
        }
        -->
        </script>
 
 
         <div class="news_container" style="float:left;width:300px;margin-left:10px;">
            <div class="news_top_l"></div>
            <div class="news_top_r"></div>
            <div class="news_top">
                <div style="float:left">
                    <span id="news_feeds" style="float:left;padding-left:5px;" onmouseover="ShowSyndication(this)">
                        <img class="valign_middle" src="./templates/<?php echo $CONFIG['theme']; ?>/images/rss.png" alt="Syndication" title="Syndication" />
                    </span>&nbsp;
                    <?php
                           import('content/syndication/feed');
                           echo Feed::get_parsed('news', DEFAULT_FEED_NAME, 0, false, 10);
                      ?>
                    <h3 class="title valign_middle">NEWS</h3>
                </div>
                <div style="float:right"></div>
            </div>
            <div class="news_content">
                <?php echo Feed::get_parsed('news', DEFAULT_FEED_NAME, 0, array(), 14); ?>
                <div style="text-align:right;"><a href="./news/news.php" class="small_link">Plus de news...</a></div>
                <div class="text_center"></div>
            </div>
            <div class="news_bottom_l"></div>
            <div class="news_bottom_r"></div>
            <div class="news_bottom"></div>
        </div>
 
 
 
        # IF C_NEWS_EDITO #
        <div class="news_container">
            <div class="news_top_l"></div>
            <div class="news_top_r"></div>
            <div class="news_top">
                <div style="float:left;padding-left:30px;"><h3 class="title">{TITLE}</h3></div>
                <div style="float:right;"># IF C_IS_ADMIN # <a href="../news/admin_news_config.php" title="{L_EDIT}"><img src="../templates/{THEME}/images/{LANG}/edit.png" class="valign_middle" alt="{L_EDIT}" /></a> # ENDIF #</div>
            </div>
            <div class="news_content">
                &nbsp;&nbsp;{CONTENTS}
            </div>
 
            <div class="news_bottom_l"></div>
            <div class="news_bottom_r"></div>
            <div class="news_bottom"></div>
        </div>
        # ENDIF #
 
        # IF C_NEWS_NO_AVAILABLE #
        <div class="news_container">
            <div class="news_top_l"></div>
            <div class="news_top_r"></div>
            <div class="news_top">
                <div style="float:left;padding-left:30px;"><a href="../syndication.php?m=news" title="Syndication"><img class="valign_middle" src="../templates/{THEME}/images/rss.png" alt="Syndication" title="Syndication" /></a></div>
                <div style="float:right;"><h3 class="title valign_middle">{L_LAST_NEWS}</h3></div>
            </div>  
            <div class="news_content">
                <p class="text_strong text_center">{L_NO_NEWS_AVAILABLE}</p>
            </div>
            <div class="news_bottom_l"></div>
            <div class="news_bottom_r"></div>
            <div class="news_bottom"></div>
        </div>
        # ENDIF #
 
 
 
        # IF C_NEWS_BLOCK #
 
        # START news #        
        # IF news.C_NEWS_ROW # <div class="spacer"></div> # ENDIF #
# IF C_NEWS_BLOCK_COLUMN # 
        <div class="news_container" style="float:left;width:{COLUMN_WIDTH}%">
# ELSE #
        <div class="news_container">
# ENDIF #
            <div class="news_top_l"></div>
            <div class="news_top_r"></div>
            <div class="news_top">
                <span style="float:left;padding-left:5px;">
                    <a href="../syndication.php?m=news" title="Rss"><img class="valign_middle" src="../templates/{THEME}/images/rss.png" alt="Rss" title="Rss" /></a>
                    <a class="news_title" href="../news/news{news.U_NEWS_LINK}">{news.TITLE}</a>
                </span>
                <span style="float:right;">
<img src="{PATH_TO_ROOT}/news/templates/images/comments.png" alt="" class="valign_middle" /> {news.U_COM}
# IF C_IS_ADMIN #
<a href="../news/admin_news.php?id={news.ID}" title="{L_EDIT}"><img class="valign_middle" src="../templates/{THEME}/images/{LANG}/edit.png" alt="{L_EDIT}" /></a>
<a href="../news/admin_news.php?delete=1&id={news.ID}&token={TOKEN}" title="{L_DELETE}" onclick="javascript:return Confirm();"><img class="valign_middle" src="../templates/{THEME}/images/{LANG}/delete.png" alt="{L_DELETE}" /></a>
# ENDIF #
</span>
            </div>
            <div class="news_content">
                # IF news.IMG # <img src="{news.IMG}" alt="{news.IMG_DESC}" title="{news.IMG_DESC}" class="img_right" /> # ENDIF # 
# IF news.C_ICON # <a href="news.php?cat={news.IDCAT}"><img class="valign_middle" src="{news.ICON}" alt="" /></a> # ENDIF # 
 
{news.CONTENTS}
                <br /><br />
                {news.EXTEND_CONTENTS}
<div class="spacer"></div>
            </div>
            <div class="news_bottom_l"></div>
            <div class="news_bottom_r"></div>
            <div class="news_bottom">
                <span style="float:left"><a class="small_link" href="../member/member{news.U_USER_ID}">{news.PSEUDO}</a></span>
                <span style="float:right">{news.DATE}</span>
            </div>
<div style="float:right" >
<!-- AddThis Button BEGIN -->
<a href="http://www.addthis.com/bookmark.php?v=250&pub=reidlos" onmouseover="return addthis_open(this, '', '[URL]', '[TITLE]')" onmouseout="addthis_close()" onclick="return addthis_sendto()"><img src="http://s7.addthis.com/static/btn/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js?pub=reidlos"></script>
<!-- AddThis Button END -->
</div>
        </div>
       {COMMENTS}   
        # END news #
 
        # IF C_NEWS_NAVIGATION_LINKS #
        <div style="width:90%;padding:20px;margin:auto;margin-top:-15px;">
            # IF C_PREVIOUS_NEWS # <span style="float:left;"><a href="news{U_PREVIOUS_NEWS}"><img src="../templates/{THEME}/images/left.png" alt="" class="valign_middle" /></a> <a href="news{U_PREVIOUS_NEWS}">{PREVIOUS_NEWS}</a></span> # ENDIF #
           # IF C_NEXT_NEWS # <span style="float:right;"><a href="news{U_NEXT_NEWS}">{NEXT_NEWS}</a> <a href="news{U_NEXT_NEWS}"><img src="../templates/{THEME}/images/right.png" alt="" class="valign_middle" /></a></span> # ENDIF #
        </div>
        # ENDIF #
 
<div class="spacer"></div>
        <div class="text_center">{PAGINATION}</div>
        <div class="text_center">{ARCHIVES}</div>
<div class="spacer"></div>
        # ENDIF #
 
 
 
        # IF C_NEWS_LINK #
<div class="news_container">
<div class="news_top_l"></div>
<div class="news_top_r"></div>
<div class="news_top">
<div style="float:left"><a href="../syndication.php?m=news" title="Syndication"><img class="valign_middle" src="../templates/{THEME}/images/rss.png" alt="Syndication" title="Syndication" /></a> <h3 class="title valign_middle">{L_LAST_NEWS}</h3></div>
<div style="float:right"># IF C_IS_ADMIN # &nbsp;&nbsp;<a href="admin_news_cat.php?id={IDCAT}" title="{L_EDIT}"><img class="valign_middle" src="../templates/{THEME}/images/{LANG}/edit.png" /></a> # ENDIF #</div>
</div>
<div class="news_content">
 
# START list #
# IF list.C_NEWS_ROW # 
<div class="spacer"></div> 
# ENDIF #
 
# IF C_NEWS_LINK_COLUMN # 
<div style="float:left;width:{COLUMN_WIDTH}%">
# ELSE #
<div>
# ENDIF #
<ul style="margin:0;padding:0;list-style-type:none;">
<li><img src="../templates/{THEME}/images/li.png" alt="" /> {list.ICON} <span class="text_small">{list.DATE} :</span> <a href="{list.U_NEWS}">{list.TITLE}</a></li>
</ul>
</div>
# END list #
 
<div class="spacer">&nbsp;</div>
<div class="text_center">{PAGINATION}</div>
<div class="text_center">{ARCHIVES}</div>
</div>
<div class="news_bottom_l"></div>
<div class="news_bottom_r"></div>
<div class="news_bottom"></div>
</div>
# ENDIF #

Site web

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 24/10/2009 à 12h23

Bonjour,

Normal, si tu n'as pas édité le header .tpl du thème ...

Le tuto:

2) Le header.tpl

Éditez le header.tpl avec votre bloc note ou notepad++:

Juste avant la balise </head> ajouter ces trois lignes :

Code TPL :

 
<link type="text/css" rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/tableau/tabcontent.css">
<link type="text/css" rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/tableau/class.css" media="screen">
<script type="text/javascript" src="{PATH_TO_ROOT}/templates/{THEME}/tableau/tabcontent.js"></script>

Enregistrez et Fermez.

L'as tu fais ?

swan_signature

Site web

saturnin

Administrateur

Rang

Inscrit le : 08/08/2009 à 22h19

Messages: 3963

Le 24/10/2009 à 12h26

tu parle bien de modification faite sur un phpboost v3 ?¿
le site que tu a dans ton profil est sur un pbt 2.0

dans le cas ou c'est un 2.0, le module étant un presque le même, il faudrait faire quelques adaptations je pense.

signaturesaturnin

Accroche toi au clavier, je retire le shell...

Site web

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 24/10/2009 à 12h38

Mince !! les thèmes V2 ne sont pas construits de la même manière

swan_signature

Site web

foufou

EDN Curieux(se)

Rang

Inscrit le : 30/08/2009 à 20h00

Messages: 42

Le 24/10/2009 à 14h50

j'ai ajoute le code que tu ma donne mais toujour rien qui s'affiche

Code TPL :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{L_XML_LANGUAGE}" >
 
<link type="text/css" rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/tableau/tabcontent.css">
<link type="text/css" rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/tableau/class.css" media="screen">
<script type="text/javascript" src="{PATH_TO_ROOT}/templates/{THEME}/tableau/tabcontent.js"></script>
<head>
<title>{SITE_NAME} : {TITLE}</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="{SITE_DESCRIPTION} {TITLE}" />
<meta name="keywords" content="{SITE_KEYWORD}" />
<meta http-equiv="Content-Language" content="{L_XML_LANGUAGE}" />
<!-- Default CSS -->
<link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/default.css" type="text/css" media="screen, print, handheld" />
        <link rel="stylesheet" href="{PATH_TO_ROOT}/templates/default/framework/content/syndication/syndication.css" type="text/css" media="screen, print, handheld" />
        <!-- Theme CSS -->
<link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/design.css" type="text/css" media="screen" />
<link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/global.css" type="text/css" media="screen, print, handheld" />
<link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/generic.css" type="text/css" media="screen, print, handheld" />
<link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/content.css" type="text/css" media="screen, print, handheld" />
        <link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/bbcode.css" type="text/css" media="screen, print, handheld" />
<!-- Alternative CSS -->
{ALTERNATIVE_CSS}
 
<link rel="shortcut icon" href="{PATH_TO_ROOT}/favicon.ico" type="image/x-icon" />
<link rel="icon" type="image/gif" href="{PATH_TO_ROOT}/animated_favicon1.gif" >
<link rel="alternate" href="{PATH_TO_ROOT}/syndication.php?m=news" type="application/rss+xml" title="RSS {SITE_NAME}" />
 
<script type="text/javascript">
<!--
var PATH_TO_ROOT = "{PATH_TO_ROOT}";
var TOKEN = "{TOKEN}";
-->
</script>
# IF C_BBCODE_TINYMCE_MODE # <script type="text/javascript" src="{PATH_TO_ROOT}/kernel/framework/content/tinymce/tiny_mce.js"></script> # ENDIF #
 
<script type="text/javascript" src="{PATH_TO_ROOT}/kernel/framework/js/scriptaculous/prototype.js"></script>
<script type="text/javascript" src="{PATH_TO_ROOT}/kernel/framework/js/scriptaculous/scriptaculous.js"></script>
<script type="text/javascript" src="{PATH_TO_ROOT}/kernel/framework/js/global.js"></script>
<!-- CSN: Tableau à onglets -->
<link type="text/css" rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/tableau/tabcontent.css">
        <link type="text/css" rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/tableau/class.css" media="screen">
        <script type="text/javascript" src="{PATH_TO_ROOT}/templates/{THEME}/tableau/tabcontent.js"></script>
</head>
<body>
 
# IF C_MAINTAIN_DELAY #
# IF C_ALERT_MAINTAIN #
<div style="position:absolute;top:5px;width:99%;">
<div style="position:relative;width:400px;margin:auto;margin-top:30px;" class="warning">
{L_MAINTAIN_DELAY}
<br /><br />
<script type="text/javascript">
document.write('<div id="release">{L_LOADING}...</div>');
</script>
<noscript>
<strong>{DELAY}</strong>
</noscript>
</div>
</div>
# ENDIF #
 
<script type="text/javascript">
<!--
var release_timeout_seconds = 0;
function release(year, month, day, hour, minute, second)
{
if (document.getElementById('release'))
{
var sp_day = 86400;
var sp_hour = 3600;
var sp_minute = 60;
 
now = new Date({MAINTAIN_NOW_FORMAT}+release_timeout_seconds++);
end = new Date(year, month, day, hour, minute, second);
release_time = (end.getTime() - now.getTime())/1000;
 
if( release_time <= 0 )
{
document.location.reload();
release_time = '0';
}
else
timeout = setTimeout('release('+year+', '+month+', '+day+', '+hour+', '+minute+', '+second+')', 1000);
 
release_days = Math.floor(release_time/sp_day);
release_time -= (release_days * sp_day);
 
release_hours = Math.floor(release_time/sp_hour);
release_time -= (release_hours * sp_hour);
 
release_minutes = Math.floor(release_time/sp_minute);
release_time -= (release_minutes * sp_minute);
 
release_seconds = Math.floor(release_time);
release_seconds = (release_seconds < 10) ? '0' + release_seconds : release_seconds;
 
document.getElementById('release').innerHTML = '<strong>' + release_days + '</strong> {L_DAYS} <strong>' + release_hours + '</strong> {L_HOURS} <strong>' + release_minutes + '</strong> {L_MIN} <strong>' + release_seconds + '</strong> {L_SEC}';
}
}
if ({UNSPECIFIED})
release({MAINTAIN_RELEASE_FORMAT});
else
{
if (document.getElementById('release'))
document.getElementById('release').innerHTML = '<strong>{DELAY}</strong>';
}
-->
</script>
 
# ENDIF #
<div id="global_header">
<div id="global">
<div id="header_container">
<div id="header">
<h1 style="display:none;font-size:9px;">{SITE_NAME}</h1>
# IF C_MENUS_HEADER_CONTENT #
{MENUS_HEADER_CONTENT}
# ENDIF #
</div>
<div id="sub_header">
# IF C_MENUS_SUB_HEADER_CONTENT #
{MENUS_SUB_HEADER_CONTENT}
# ENDIF #
</div>
<div class="spacer"></div>
</div>
 
# IF C_COMPTEUR #
<div id="compteur">
<span class="text_strong">{L_VISIT}:</span> {COMPTEUR_TOTAL}<br><span class="text_strong">{L_TODAY}:</span> {COMPTEUR_DAY}
</div>
# ENDIF #
 
# IF C_MENUS_LEFT_CONTENT #
<div id="left_menu">
{MENUS_LEFT_CONTENT}
</div>
# ENDIF #
 
# IF C_MENUS_RIGHT_CONTENT #
<div id="right_menu">
{MENUS_RIGHT_CONTENT}
</div>
# ENDIF #
 
<div id="main">
# IF C_MENUS_TOPCENTRAL_CONTENT #
<div id="top_contents">
{MENUS_TOPCENTRAL_CONTENT}
</div>
# ENDIF #
<div id="main_content">&nbsp;
<div id="links">
&nbsp;&nbsp;<a class="small_link" href="{START_PAGE}" title="{L_INDEX}">{L_INDEX}</a>
# START link_bread_crumb #
<img src="{PATH_TO_ROOT}/templates/{THEME}/images/breadcrumb.png" alt="" class="valign_middle" /> <a class="small_link" href="{link_bread_crumb.URL}" title="{link_bread_crumb.TITLE}">{link_bread_crumb.TITLE}</a>
# END link_bread_crumb #
</div>

Site web

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 24/10/2009 à 15h20

Foufou, d'abord réponds à cette question s'il te plait...

Citation:

1) j'ai pris le code je le mets dans news.tpl

Celui de quel dossier?

swan_signature

Site web

foufou

EDN Curieux(se)

Rang

Inscrit le : 30/08/2009 à 20h00

Messages: 42

Le 24/10/2009 à 23h22

swan:

Foufou, d'abord réponds à cette question s'il te plait...

Citation:

1) j'ai pris le code je le mets dans news.tpl

Celui de quel dossier?

c'est le dossier de news

Site web

Répondre

Vous n'êtes pas autorisé à écrire dans cette catégorie

Les 10 derniers messages du forum...

Le tuto:

2) Le header.tpl