[Réglé] Logo sur Mobile

Pour les recherches et les demandes de modifications de styles concernant votre forum phpBB 3.2

Modérateur: Equipe

Règles du forum
A lire impérativement : Règlement de phpBB-fr.com - Conditions générales de support graphique

Attention : pour éviter les bogues, votre style doit être mis à jour en même temps que votre forum, et ce, dans la dernière version disponible de phpBB !

[Réglé] Logo sur Mobile

Messagepar methodo » 29 Mai 2017 à 01:38

Bonjour

J'utilise un style enfant personnaliser en prosylver.

j'utilise aussi l'extension Site Logo 3.2

j'ai mis comme Logo une image personnalisé

tout fonctionne bien sur le web mais lorsque je visite mon forum sur mobile le logo ne s'affiche pas

quelqu'un peut m'orienter a savoir ou j'aurais fais une erreur.

Merci
Modifié en dernier par methodo le 07 Juin 2017 à 22:00, modifié 1 fois.
methodo
Posteur néophyte
Posteur néophyte
 
Messages: 82
Enregistré le: 17 Avr 2017 à 02:14
Localisation: Québec

Re: Logo sur Mobile

Messagepar cabot » 29 Mai 2017 à 08:42

Hello,

Tu n'as pas fait d'erreur, le logo est volontairement masqué sur les petits écrans pour ne pas encombrer inutilement l'affichage.

Par contre je ne sais pas si tu as un style perso mais si c'est le cas tu n'as pas besoin de passer par une extension pour modifier le logo.
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26817
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Logo sur Mobile

Messagepar methodo » 29 Mai 2017 à 14:56

Merci

En fais je ne veut pas modifier mon logo qui est afficher sur le web Régulier. Je voudrais juste qu'Il d'affiche également sur le mobile. puis-je l'obliger a l'afficher?

Merci
methodo
Posteur néophyte
Posteur néophyte
 
Messages: 82
Enregistré le: 17 Avr 2017 à 02:14
Localisation: Québec

Re: Logo sur Mobile

Messagepar galixte » 29 Mai 2017 à 15:11

Alors tu devras te passer de cette extension car elle ne propose pas cette possibilité. Mais tout est possible manuellement, d'ailleurs les deux questions ont déjà été posées : « Comment modifier son logo sous prosilver ? » & « Comment afficher le logo en mode responsive ? ».
Communau EzCom
Image
« Traductions d’extensions & styles pour phpBB 3.1.x & 3.2.x ».
ImageListes de toutes les extensions recensées pour phpBB 3.1.x & 3.2.x.
ImageListes de tous les styles recensés pour phpBB 3.1.x & 3.2.x.

Image Tu as un forum et tu veux aussi un site web ? Regarde par ici.
Avatar de l’utilisateur
galixte
Floodeur universel
Floodeur universel
 
Messages: 10342
Enregistré le: 08 Mar 2004 à 02:40
Localisation: Sud de la France.

Re: Logo sur Mobile

Messagepar methodo » 01 Juin 2017 à 02:12

Merci galixte je vais regarder ses deux sujets pour voir si je me débrouillerais pour réusir
methodo
Posteur néophyte
Posteur néophyte
 
Messages: 82
Enregistré le: 17 Avr 2017 à 02:14
Localisation: Québec

Re: Logo sur Mobile

Messagepar cabot » 01 Juin 2017 à 08:53

Sinon, je ne comprends toujours pas pourquoi tu utilises une extension lourde au code intrusif pour modifier le logo alors que tu as un style perso.
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26817
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Logo sur Mobile

Messagepar galixte » 01 Juin 2017 à 15:03

Parce qu’il débute et ne sait pas évaluer si une extension est « lourde au code intrusif ». :P
Communau EzCom
Image
« Traductions d’extensions & styles pour phpBB 3.1.x & 3.2.x ».
ImageListes de toutes les extensions recensées pour phpBB 3.1.x & 3.2.x.
ImageListes de tous les styles recensés pour phpBB 3.1.x & 3.2.x.

Image Tu as un forum et tu veux aussi un site web ? Regarde par ici.
Avatar de l’utilisateur
galixte
Floodeur universel
Floodeur universel
 
Messages: 10342
Enregistré le: 08 Mar 2004 à 02:40
Localisation: Sud de la France.

Re: Logo sur Mobile

Messagepar cabot » 01 Juin 2017 à 15:41

Pas faux :mrgreen:

Alors je reformule ma question, pourquoi utilises-tu une extension pour modifier le logo alors que tu as un style perso modifié et modifiable à volonté ?

Sans compter que cette extension propose des tonnes d'options que tu n'utilises pas, qu'elle rend l'affichage moins fluide et que son javascript est intrusif.
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26817
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Logo sur Mobile

Messagepar methodo » 03 Juin 2017 à 00:16

Bon comme le dit bien Galixte c'est la façon la plus facile que j'Ai trouver pour mettre mon propre LOGO si vous avez une autre solution pour avoir le même résultat que j'ai sur mon forum je suis preneur. opinionconsommateur.com
methodo
Posteur néophyte
Posteur néophyte
 
Messages: 82
Enregistré le: 17 Avr 2017 à 02:14
Localisation: Québec

Re: Logo sur Mobile

Messagepar cabot » 06 Juin 2017 à 09:15

Ouvre overall_header.html, trouve :
Code: Tout sélectionner
<span class="site_logo"></span>

Remplace par :
Code: Tout sélectionner
<img src="{T_THEME_PATH}/images/site_logo.gif" alt="">

Ouvre bonzais.css, ajoute :
Code: Tout sélectionner
.site-description {
	float: none;
	text-align: center;
	width: auto;
}

.logo {
	float: none;
	padding: 0:
}

@media (max-width: 700px) {
	.logo {
		float: none;
		display: inline-block;
		padding: 10px 0 0;
	}
}
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26817
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Logo sur Mobile

Messagepar methodo » 06 Juin 2017 à 18:55

merci cabot

J'ai fais les démarches qui semble fonctionner par contre je me retrouve avec un fond bleu et ma barre de recherche est revenu en haut quand elle étais dans la nav bar . je joint deux photo une avant et une apres

Avant

https://www.hostingpics.net/viewer.php? ... 6Avant.png

Apres

https://www.hostingpics.net/viewer.php? ... 6Apres.png

et la formule magique pour corriger le tout....MERCI
methodo
Posteur néophyte
Posteur néophyte
 
Messages: 82
Enregistré le: 17 Avr 2017 à 02:14
Localisation: Québec

Re: Logo sur Mobile

Messagepar cabot » 06 Juin 2017 à 19:34

Ouvre overall_header.html
Supprime :
Code: Tout sélectionner
			<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<div id="search-box" class="search-box search-header" role="search">
				<form action="{U_SEARCH}" method="get" id="search">
				<fieldset>
					<input name="keywords" id="keywords" type="search" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search tiny" size="20" value="{SEARCH_WORDS}" placeholder="{L_SEARCH_MINI}" />
					<button class="button button-search" type="submit" title="{L_SEARCH}">
						<i class="icon fa-search fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH}</span>
					</button>
					<a href="{U_SEARCH}" class="button button-search-end" title="{L_SEARCH_ADV}">
						<i class="icon fa-cog fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH_ADV}</span>
					</a>
					{S_SEARCH_HIDDEN_FIELDS}
				</fieldset>
				</form>
			</div>
			<!-- ENDIF -->

Fais une copie de navbar_header.html de prosilver vers ton style, ouvre ce nouveau fichier, trouve :
Code: Tout sélectionner
		<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<li class="rightside responsive-search">
				<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}" role="menuitem">
					<i class="icon fa-search fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH}</span>
				</a>
			</li>
		<!-- ENDIF -->

Remplace par :
Code: Tout sélectionner
		<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<li id="search-box" class="rightside search-box search-header" role="search">
				<form action="{U_SEARCH}" method="get" id="search">
				<fieldset>
					<input name="keywords" id="keywords" type="search" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search tiny" size="20" value="{SEARCH_WORDS}" placeholder="{L_SEARCH_MINI}" />
					<button class="button button-search" type="submit" title="{L_SEARCH}">
						<i class="icon fa-search fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH}</span>
					</button>
					<a href="{U_SEARCH}" class="button button-search-end" title="{L_SEARCH_ADV}">
						<i class="icon fa-cog fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH_ADV}</span>
					</a>
					{S_SEARCH_HIDDEN_FIELDS}
				</fieldset>
				</form>
			</li>		
			<li class="rightside responsive-search">
				<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}" role="menuitem">
					<i class="icon fa-search fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH}</span>
				</a>
			</li>
		<!-- ENDIF -->

Ouvre bonzais.css, ajoute :
Code: Tout sélectionner
.headerbar {
	background: none;
}

.search-header {
	margin-top: 0;
}

C'est good ?
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26817
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Logo sur Mobile

Messagepar methodo » 06 Juin 2017 à 20:25

Au secours...

j'ai fais les manipulation en local tout est super.

j'ai mis sur tranferer sur mon hebergeur

overall_header.html,
navbar_header.html

et le bonzais CSS

en remplacement de celui qui étais deja sur palce et sa fonctionne pas on dirais qu'il ne reconnais pas mon CSS

donc la tout le monde voit le mauvais style
methodo
Posteur néophyte
Posteur néophyte
 
Messages: 82
Enregistré le: 17 Avr 2017 à 02:14
Localisation: Québec

Re: Logo sur Mobile

Messagepar cabot » 06 Juin 2017 à 20:47

Essaie de vider le cache manuellement en supprimant le contenu du répertoire cache situé à la racine, sauf les fichiers .htaccess et index.htm.
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26817
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Logo sur Mobile

Messagepar methodo » 06 Juin 2017 à 20:50

c'est fais.... mais comment tu fais pour avoir acces a ses page la?
merci

il est possible que j'Ai fais des bourde pour essayer de rattraper je sais pas
methodo
Posteur néophyte
Posteur néophyte
 
Messages: 82
Enregistré le: 17 Avr 2017 à 02:14
Localisation: Québec

Suivante

Retourner vers [3.2.x] Modifications et recherche de styles

 


  • Articles en relation
    Réponses
    Vues
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 1 invité