Valider cacaae1b rédigé par tcharlss's avatar tcharlss
Parcourir les fichiers

Ajout d'un squelette générique à inclure sur le site public et de la police Socicon. 

Le squelette affiche les liens enregistrés avec des options pour filtrer : soit des liens précis, soit ceux liés à un contenu, etc.
Par défaut, il s'agit d'une simple liste de liens, mais on peut activer un habillage par défaut qui affiche les liens sous formes d'icônes issues de la police Socicon.
Il reprend le même markup que le plugin Sociaux pour faciliter le passage de l'un à l'autre : s'il y avait une CSS personnalisée, l'affichage devrait rester le même dans les grandes lignes.

Plus besoin des images png du coup, ni de la fonction qui va avec.
parent 1dc39826

css/rezosocios.css

0 → 100644
+114 −0
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff 
/**

 * Habillage par défaut.

 * Cette feuille de style peut-être surchargée.

 */

.sociaux__list {

	display: flex;

	flex-flow: row wrap;

	align-items: center;

	margin: 0;

	padding: 0;

	list-style: none;

}



.sociaux__item {

	margin: 0 0.2em 0.4em 0;

}



.sociaux__link {

	text-decoration: none;

}



.sociaux__link:focus,

.sociaux__link:hover,

.sociaux__link:active {

	background-color: transparent;

	text-decoration: none;

}



.sociaux__link:hover .socicon,

.sociaux__link:focus .socicon,

.sociaux__link:active .socicon {

	background: #000;

}



.sociaux__link.spip_out:after,

.sociaux__link.external:after {

	content: none;

}



.sociaux__name {

	display: none;

}



.sociaux .socicon {

	display: block;

	font-size: 1.4em;

	padding: .5em;

	border-radius: 1em;

	color: #fff;

	background: #000;

	transition: all 0.2s;

}



/* Couleurs par type */



.sociaux .socicon-facebook {

	background: #3E5B98;

}



.sociaux .socicon-twitter {

	background: #4DA7DE;

}



.sociaux .socicon-mastodon {

	background: #313543;

}



.sociaux .socicon-instagram {

	background: #9C7C6E;

}



.sociaux .socicon-googleplus {

	background: #DD4B39;

}



.sociaux .socicon-blogger {

	background: #ff9b38;

}



.sociaux .socicon-linkedin {

	background: #3371B7;

}



.sociaux .socicon-youtube {

	background: #E02A20;

}



.sociaux .socicon-pinterest {

	background: #C92619;

}



.sociaux .socicon-tripadvisor {

	background: #599541;

}



.sociaux .socicon-vimeo {

	background: #51b5e7;

}



.sociaux .socicon-fickr {

	background: #1e1e1b;

}



.sociaux .socicon-viber {

	background: #7b519d;

}



.sociaux .socicon-whatsapp {

	background: #20B038;

}



.sociaux .socicon-skype {

	background: #28abe3;

}

formulaires/configurer_rezosocios.html

+24 −5
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff
@@ -6,14 +6,33 @@ 
		[(#REM) declarer les hidden qui declencheront le service du formulaire

		parametre : url d'action ]

		#ACTION_FORMULAIRE{#ENV{action}}

		<ul>

			#SET{name,rezosocios_objets}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}

			<li class="editer long_label editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">



		<div class="editer-groupe">



			#SET{name,activer_habillage}

			#SET{erreurs,#ENV**{erreurs/#GET{name}}}

			<div class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">

				<label><:rezosocios:cfg_activer_habillage_label:></label>

				<INCLURE{fond=formulaires/inc-rezosocios-apercu}>

				<p class="explication"><:rezosocios:cfg_activer_habillage_explication:></p>

				<div class="choix">

					<input type="checkbox" name="#GET{name}" class="checkbox" value="on" id="#GET{name}_oui"[ (#ENV{#GET{name}}|oui)checked="checked" ]/>

					<label for="#GET{name}_oui">

						<:rezosocios:cfg_activer_habillage_label_case:>

					</label>

				</div>

			</div>



			#SET{name,rezosocios_objets}

			#SET{erreurs,#ENV**{erreurs/#GET{name}}}

			<div class="editer long_label editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">

				<label><:rezosocios:label_activer_rezosocio_objets:></label>[

				<span class='erreur_message'>(#GET{erreurs})</span>

				]#INCLURE{fond=formulaires/inc-choisir-objets,name=#GET{name},selected=#ENV**{#GET{name},#LISTE{spip_articles,spip_rubriques}},exclus=spip_rezosocios}

			</li>

		</ul>

			</div>



		</div>



		[(#REM) ajouter les saisies supplementaires : extra et autre, a cet endroit ]

		<!--extra-->

		<p class='boutons'><span class='image_loading'>&nbsp;</span><input type='submit' class='submit' value='<:bouton_enregistrer:>' /></p>

formulaires/inc-rezosocios-apercu.html

0 → 100644
+22 −0
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff 
[(#REM)



	Aperçu de l'habillage de la barre d'icônes



]

<link defer rel="stylesheet" type="text/css" href="#CHEMIN{lib/socicon/style.css}" />

<link defer rel="stylesheet" type="text/css" href="#CHEMIN{css/rezosocios.css}" />

<div class="sociaux sociaux_themed">

	<ul class="sociaux__list sociaux-list">

		<BOUCLE_rezos (DATA)

			{source table, #REM|rezosocios_liste}

			{cle IN #LISTE{twitter,facebook,youtube,linkedin}}

		>

		<li class="sociaux__item">

			<a href="#URL" class="sociaux__link #CLE spip_out" rel="external">

				<span class="sociaux__icon socicon socicon-[(#CLE|rezosicos_classe_socicon)]"></span>

				<span class="sociaux__name name">#NOM</span>

			</a>

		</li>

		</BOUCLE_rezos>

	</ul>

</div>
 
 No newline at end of file

formulaires/inc-rezosocios-apercu_fonctions.php

0 → 100644
+3 −0
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff 
<?php



include_spip('inc/rezosocios');
 
 No newline at end of file

inclure/rezosocios.html

0 → 100644
+43 −0
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff 
[(#REM)



	Affiche les liens vers les réseaux sociaux



	Nb : on réutilise les classes du plugin sociaux



	Paramètres :

	**obligatoire

	*conseillé



	- id_rezosocio : un ou plusieurs identifiants

	- type_rezo : facebook | twitter, etc.

	- objet + id_objet : identifiant d'un objet lié

	- class : classes ajoutées au conteneur

	- align : classe d'alignement ajoutée au conteneur (left | right)



]

#SET{habillage,#CONFIG{rezosocios/activer_habillage}|oui}

<div class="sociaux[ (#GET{habillage}|oui)sociaux_themed][ (#ENV{class}|attribut_html)][ (#ENV{align}|attribut_html)]">

	<ul class="sociaux__list sociaux-list">

		<BOUCLE_rezo (REZOSOCIOS)

			{id_rezosocio?}

			{type_rezo?}

			{objet?}

			{id_objet?}

		>

		<li class="sociaux__item">

			<a

				href="[(#TYPE_REZO*|rezosocios_url{#NOM_COMPTE})]"

				rel="external"

				class="sociaux__link[ (#TYPE_REZO*) ]spip_out external"

				title="[(#TITRE|attribut_html)]"

				lang="#LANG"

			>

				[(#GET{habillage}|oui)

				<span class="sociaux__icon socicon socicon-[(#TYPE_REZO*|rezosicos_classe_socicon)]"></span>

				]

				<span class="sociaux__name name">[(#TITRE|sinon{#TYPE_REZO})]</span>

			</a>

		</li>

		</BOUCLE_rezo>

	</ul>

</div>
 
 No newline at end of file

Forge communautaire SPIP | Charte d'utilisation | Signaler un problème sur ce site