Aller au contenu
View in the app

A better way to browse. Learn more.
Next

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

[CSS] Toujours des petits problèmes avec punBB

Par Daemonium
dans Programmation et Lignes de code

Featured Replies

Posté(e)

Re-Salut,

Bon, j'ai de nouveau des p'tits problèmes. Enfin problème. C'est un détail quoi.

Voilà mon main.tpl actuel:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html dir="<pun_content_direction>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<pun_char_encoding>" />
<pun_head>
<style type="text/css">
#left {
	width: 187px;
	float: left;
}
#main {
	margin-left: 205px;
}
#container {
	width: 100%;
	float: right;
	margin-left: -187px;
}
</style>
</head>
<body>

<div id="punwrap">
<div id="pun<pun_page>" class="pun">

<div id="brdheader" class="block">
<div class="box">
	<div id="brdtitle" class="inbox">
		<pun_title>
		<pun_desc>
	</div>
	<pun_navlinks>
	<pun_status>
</div>
</div>

<div id="container">
<div id="main">

	<pun_announcement>

	<pun_main>

</div>	
</div>

<div id="left">	
<div class="block">
	<h2 class="block2"><span>Menu</span></h2>
	<div class="box">
		<div class="inbox">
			<ul>
				<li id="navcustom1"><a href="http://www.daemoneius.net/index.php">Index</a></li>
				<li id="navcustom2"><a href="http://www.daemoneius.net/forum/">Visiter la Cité</a></li>
				<ul>
				<li><a href="http://www.daemoneius.net/forum/">POUET</a></li>
				<li><a href="http://www.daemoneius.net/forum/">POUET2</a></li>
				<li><a href="http://www.daemoneius.net/forum/">POUET3</a></li>
				</ul>
				<li id="navcustom3"><a href="http://www.daemoneius.net/index.php?/pages/6-histoire">L'histoire de Daemoneius</a></li>
				<li id="navcustom4"><a href="http://www.daemoneius.net/index.php?/pages/Galeries">Galeries</a></li>
				<li id="navcustom5"><a href="http://www.daemoneius.net/index.php?/pages/Poemes">Poèmes</a></li>
				<li id="navcustom6"><a href="http://www.daemoneius.net/index.php?/pages/8-a-propos">A propos</a></li>
			</ul>		
		</div>
	</div>
</div>	
<div class="block">
	<h2 class="block2"><span>Liens</span></h2>
	<div class="box">
		<div class="inbox">
			<ul>
				<li id="navcustom1"><a href="http://pomme.daemoneius.net/">Pomme, ze blog of ze tech</a></li>					
			</ul>		
		</div>
	</div>
</div> 
</div>

<div class="clearer"></div>

<pun_footer>

</div>
</div>

</body>
</html>

Comme vous le remarquez (ou pas) j'ai rajouté un menu à gauche. Voilà le lien actuel : http://www.daemoneius.net/forum/ (s'pas de la pub, le site est meme pas rempli :zarb: )

Premier 'problème' :

L'espacement des liens sur le menu est trop petit par rapport à celui du site (cliquez index)... Comment y remédier ?

Deuxième 'problème' :

Selon main.tpl, les trois liens POUET devraient être déplacés vers la droite, car ils sont entre des balies <ul> et <li>

Une idée pour ça ?

Merci les gens !

PS: le style, c'est toujours le même (soit cobalt.css)

  • Citer
    • 2 semaines après...
    Posté(e)

    Et si tu faisais exactement comme dans l'index sur la div du menu :

    Remplaces 

    <div id="left">	
<div class="block">
	<h2 class="block2"><span>Menu</span></h2>
	<div class="box">
		<div class="inbox">

    par :

    <div id="left">	
<div class="block">
	<h2 class="block2"><span>Menu</span></h2>
	<div class="box">
		<div id="brdmenu" class="inbox">

    :transpi:

  • Citer
    • Posté(e)
    • Auteur

    Bah, ça met juste la barre de titre sur tout la longueur du menu :yes:

    Mais je vais mettre des images pour le menu, c est beaucoup plus simple :byebye:

    Et plus beau aussi en fait... :)

  • Citer
    • Posté(e)

    Hello,

    Alors pour tes liens collés les uns aux autres utilise la propriété line-height dans ton css pour ces liens...

    Exemple :

    inbox a {

    line-height: 15px;

    }

    Et si tu veux déplacer certains liens vers la droite, juste ces trois là par exemple, utilise la technique des feignasses : Alt+0160, deux ou trois fois devant chaque lien et c'est bon... :transpi:

  • Citer

    • Archivé

    Ce sujet est désormais archivé et ne peut plus recevoir de nouvelles réponses.

    Aller sur la liste des sujets

    Configure browser push notifications
    Chrome (Android)
    1. Tap the lock icon next to the address bar.
    2. Tap Permissions → Notifications.
    3. Adjust your preference.
    Chrome (Desktop)
    1. Click the padlock icon in the address bar.
    2. Select Site settings.
    3. Find Notifications and adjust your preference.