Skip to content
Extraits de code Groupes Projets
Valider fbfc9fbc rédigé par erational@erational.org's avatar erational@erational.org
Parcourir les fichiers

mise à jour de la police socicon

suppression des espaces inutiles
compatibilité SPIP 3.2
passage en stable
parent 9a4348a0
Aucune branche associée trouvée
Aucune étiquette associée trouvée
Aucune requête de fusion associée trouvée
Affichage de
avec 4534 ajouts et 1264 suppressions
...@@ -4,14 +4,19 @@ formulaires/configurer_sociaux.html -text ...@@ -4,14 +4,19 @@ formulaires/configurer_sociaux.html -text
inclure/sociaux.html -text inclure/sociaux.html -text
lang/paquet-sociaux_fr.php -text lang/paquet-sociaux_fr.php -text
lang/sociaux_fr.php -text lang/sociaux_fr.php -text
lib/socicon/fonts/socicon.eot -text lib/socicon/demo.css -text
lib/socicon/demo.html -text
lib/socicon/fonts/Socicon.eot -text
lib/socicon/fonts/Socicon.svg -text
lib/socicon/fonts/Socicon.ttf -text
lib/socicon/fonts/Socicon.woff -text
lib/socicon/fonts/Socicon.woff2 -text
lib/socicon/fonts/socicon.svg -text lib/socicon/fonts/socicon.svg -text
lib/socicon/fonts/socicon.ttf -text
lib/socicon/fonts/socicon.woff -text
lib/socicon/icons-reference.html -text
lib/socicon/readme.html -text lib/socicon/readme.html -text
lib/socicon/readme.md -text lib/socicon/readme.md -text
lib/socicon/styles.css -text lib/socicon/style.css -text
lib/socicon/style.less -text
lib/socicon/variables.less -text
menus/liens_sociaux.html -text menus/liens_sociaux.html -text
menus/liens_sociaux.xml -text menus/liens_sociaux.xml -text
modeles/sociaux.html -text modeles/sociaux.html -text
......
/* exemple d'habillage */ /* exemple d'habillage */
.sociaux ul {margin:0;padding:0;list-style:none;} .sociaux ul {margin:0;padding:0;list-style:none;}
.sociaux li {display:inline-block;margin:0 0.2em 0.4em 0;} .sociaux li {display:inline-block;margin:0 0.2em 0.4em 0;}
.sociaux a {text-decoration:none;}
.sociaux .name { display:none;} .sociaux .name { display:none;}
.sociaux .socicon { font-size:1.4em;padding:.5em .5em .3em;border-radius:1em;color:#fff;background:#000;} .sociaux .socicon { font-size:1.4em;padding:.5em .5em .3em;border-radius:1em;color:#fff;background:#000;}
......
...@@ -9,9 +9,8 @@ http://www.socicon.com/how.php ...@@ -9,9 +9,8 @@ http://www.socicon.com/how.php
<div class="sociaux"> <div class="sociaux">
<ul class="sociaux-list"> <ul class="sociaux-list">
[(#SET{rezo,[(#PIPELINE{sociaux_lister,#ARRAY{args,#ARRAY{skel,#SQUELETTE,date,#ENV**{date}},data,#ARRAY}})]})] [(#SET{rezo,[(#PIPELINE{sociaux_lister,#ARRAY{args,#ARRAY{skel,#SQUELETTE,date,#ENV**{date}},data,#ARRAY}})]})]
<BOUCLE_rezo (DATA) {source tableau,#GET{rezo}}> <BOUCLE_rezo (DATA) {source tableau,#GET{rezo}}>[(#CONFIG{sociaux/#CLE}|oui)
[(#CONFIG{sociaux/#CLE}|oui) <li><a href="#CONFIG{sociaux/#CLE}" class="#CLE">[(#CONFIG{sociaux/css}|oui)<span class="socicon socicon-#CLE"></span>]<span class="name">[(#VALEUR)]</span></a></li>]</BOUCLE_rezo>
<li> <a href="#CONFIG{sociaux/#CLE}" class="#CLE">[(#CONFIG{sociaux/css}|oui)<span class="socicon socicon-#CLE"></span> ]<span class="name">[(#VALEUR)]</span></a></li>]</BOUCLE_rezo>
</ul> </ul>
</div> </div>
<!-- #sociaux --> <!-- #sociaux -->
\ No newline at end of file
body {
padding: 0;
margin: 0;
font-family: sans-serif;
font-size: 1em;
line-height: 1.5;
color: #555;
background: #fff;
}
h1 {
font-size: 1.5em;
font-weight: normal;
}
small {
font-size: .66666667em;
}
a {
color: #e74c3c;
text-decoration: none;
}
a:hover, a:focus {
box-shadow: 0 1px #e74c3c;
}
.bshadow0, input {
box-shadow: inset 0 -2px #e7e7e7;
}
input:hover {
box-shadow: inset 0 -2px #ccc;
}
input, fieldset {
font-family: sans-serif;
font-size: 1em;
margin: 0;
padding: 0;
border: 0;
}
input {
color: inherit;
line-height: 1.5;
height: 1.5em;
padding: .25em 0;
}
input:focus {
outline: none;
box-shadow: inset 0 -2px #449fdb;
}
.glyph {
font-size: 16px;
width: 15em;
padding-bottom: 1em;
margin-right: 4em;
margin-bottom: 1em;
float: left;
overflow: hidden;
}
.liga {
width: 80%;
width: calc(100% - 2.5em);
}
.talign-right {
text-align: right;
}
.talign-center {
text-align: center;
}
.bgc1 {
background: #f1f1f1;
}
.fgc1 {
color: #999;
}
.fgc0 {
color: #000;
}
p {
margin-top: 1em;
margin-bottom: 1em;
}
.mvm {
margin-top: .75em;
margin-bottom: .75em;
}
.mtn {
margin-top: 0;
}
.mtl, .mal {
margin-top: 1.5em;
}
.mbl, .mal {
margin-bottom: 1.5em;
}
.mal, .mhl {
margin-left: 1.5em;
margin-right: 1.5em;
}
.mhmm {
margin-left: 1em;
margin-right: 1em;
}
.mls {
margin-left: .25em;
}
.ptl {
padding-top: 1.5em;
}
.pbs, .pvs {
padding-bottom: .25em;
}
.pvs, .pts {
padding-top: .25em;
}
.unit {
float: left;
}
.unitRight {
float: right;
}
.size1of2 {
width: 50%;
}
.size1of1 {
width: 100%;
}
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.hidden-true {
display: none;
}
.textbox0 {
width: 3em;
background: #f1f1f1;
padding: .25em .5em;
line-height: 1.5;
height: 1.5em;
}
#testDrive {
display: block;
padding-top: 24px;
line-height: 1.5;
}
.fs0 {
font-size: 16px;
}
.fs1 {
font-size: 32px;
}
Ce diff est replié.
Fichier ajouté
Ce diff est replié.
Fichier ajouté
Fichier ajouté
Fichier ajouté
Fichier supprimé
Fichier supprimé
Fichier supprimé
Ce diff est replié.
<!doctype html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<title>Socicon</title>
</head> </head>
<body> <body>
<h1>Socicon</h1> <h1 id="socicon">Socicon</h1>
<p>More information on <a href="http://socicon.com/">socicon.com</a></p> <p>More information on <a href="http://socicon.com/">socicon.com</a></p>
<h2>The little story behind Socicon</h2> <h2 id="thelittlestorybehindsocicon">The little story behind Socicon</h2>
<p>Socicon was created to give people an easy way to customize social icons.<br/> <p>Socicon was created to give people an easy way to customize social icons.<br/>
<strong>Made in France</strong><br/> <strong>Made in France</strong><br/>
In France we are very proud of our food (sometimes a bit too much)! Socicon refers to the <a href="http://en.wikipedia.org/wiki/Saucisson">saucisson</a>, a sort of dry sausage that we eat as an aperitif with a drink, with cheese, in a packed lunch, well we can really eat saucisson any time, anywhere and with anyone!</p> In France we are very proud of our food (sometimes a bit too much)! Socicon refers to the <a href="http://en.wikipedia.org/wiki/Saucisson">saucisson</a>, a sort of dry sausage that we eat as an aperitif with a drink, with cheese, in a packed lunch, well we can really eat saucisson any time, anywhere and with anyone!</p>
<h2 id="desktopusage">Desktop usage</h2>
<h2>License</h2> <p>To use Socicon in desktop programs, you can install the TTF font. In order to copy the character associated with each icon, refer to the text box at the bottom right corner of each glyph in demo.html. The character inside this text box may be invisible; but it can still be copied. You can go to <a href="http://www.socicon.com/chart.php">Socicon Cheatsheet</a> and copy-paste icons from there to your desktop program.</p>
<h2 id="license">License</h2>
<p>Socicon is released under SIL Open Font License 1.1 (<a href="http://scripts.sil.org/OFL">http://scripts.sil.org/OFL</a>).<br/> <p>Socicon is released under SIL Open Font License 1.1 (<a href="http://scripts.sil.org/OFL">http://scripts.sil.org/OFL</a>).<br/>
You are free to use it on your website or project.</p> You are free to use it on your website or project. </p>
<h3>Commercial use</h3> <h3 id="commercialuse">Commercial use</h3>
<p>You can use Socicon on a commercial project (a product or service that you sell, make money out of it). Simply consider making a backlink to socicon.com, on credit page, legal notice or anywhere. You can use this: <p>You can use Socicon on a commercial project (a product or service that you sell, make money out of it). Simply consider making a backlink to socicon.com, on credit page, legal notice or anywhere. You can use this:
<code>Social icons font: &lt;a href="http://www.socicon.com" target="_blank" alt="Free social icons font" title="the social icons font"&gt;socicon&lt;/a&gt;</code></p> <code>Social icons font: &lt;a href=&quot;http://www.socicon.com&quot; target=&quot;_blank&quot; alt=&quot;Free social icons font&quot; title=&quot;the social icons font&quot;&gt;socicon&lt;/a&gt;</code></p>
<p>If you use Socicon on a commercial project, please consider making a <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=MMAFH9MJUDYJE">donation to support Socicon</a>.</p> <p>If you use Socicon on a commercial project, please consider making a <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=MMAFH9MJUDYJE">donation to support Socicon</a>.</p>
<p>You can <a href="mailto:hello@socicon.com">send a message</a> to tell me about your project, so I know the whereabouts of Socicon. I can talk about it in return and maybe make a featuring on the site.</p> <p>You can <a href="&#109;&#97;&#105;&#108;&#x74;&#111;&#x3a;&#x68;&#x65;&#108;&#x6c;&#x6f;&#x40;&#x73;&#111;&#99;&#105;&#99;&#111;&#110;&#46;&#99;&#x6f;&#109;">&#115;&#x65;&#x6e;&#x64; &#x61; &#109;&#x65;&#x73;&#115;&#97;&#103;&#x65;</a> to tell me about your project, so I know the whereabouts of Socicon. I can talk about it in return and maybe make a featuring on the site.</p>
<h2>Share &amp; Help</h2> <h2 id="sharehelp">Share &amp; Help</h2>
<p>If you use Socicon for any project, please make a backlink to http://socicon.com somewhere in credits, imprint, legal notice.<br/> <p>If you use Socicon for any project, please make a backlink to http://socicon.com somewhere in credits, imprint, legal notice.<br/>
It will give us a hand and be highly appreciated. It will give us a hand and be highly appreciated.
You can also share Socicon on twitter, facebook, google+ or anywhere else.</p> You can also share Socicon on twitter, facebook, google+ or anywhere else.</p>
<p>You can also <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=MMAFH9MJUDYJE">make a donation</a></p> <p>You can also <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=MMAFH9MJUDYJE">make a donation</a></p>
</body> </body>
</html> </html>
\ No newline at end of file
...@@ -7,6 +7,9 @@ Socicon was created to give people an easy way to customize social icons. ...@@ -7,6 +7,9 @@ Socicon was created to give people an easy way to customize social icons.
**Made in France** **Made in France**
In France we are very proud of our food (sometimes a bit too much)! Socicon refers to the [saucisson](http://en.wikipedia.org/wiki/Saucisson), a sort of dry sausage that we eat as an aperitif with a drink, with cheese, in a packed lunch, well we can really eat saucisson any time, anywhere and with anyone! In France we are very proud of our food (sometimes a bit too much)! Socicon refers to the [saucisson](http://en.wikipedia.org/wiki/Saucisson), a sort of dry sausage that we eat as an aperitif with a drink, with cheese, in a packed lunch, well we can really eat saucisson any time, anywhere and with anyone!
##Desktop usage
To use Socicon in desktop programs, you can install the TTF font. In order to copy the character associated with each icon, refer to the text box at the bottom right corner of each glyph in demo.html. The character inside this text box may be invisible; but it can still be copied. You can go to [Socicon Cheatsheet](http://www.socicon.com/chart.php) and copy-paste icons from there to your desktop program.
##License ##License
Socicon is released under SIL Open Font License 1.1 ([http://scripts.sil.org/OFL](http://scripts.sil.org/OFL)). Socicon is released under SIL Open Font License 1.1 ([http://scripts.sil.org/OFL](http://scripts.sil.org/OFL)).
......
Ce diff est replié.
Ce diff est replié.
@icomoon-font-path: "fonts";
@socicon-tunein: "\e903";
@socicon-gamejolt: "\e901";
@socicon-trello: "\e902";
@socicon-spreadshirt: "\e900";
@socicon-500px: "\e000";
@socicon-8tracks: "\e001";
@socicon-airbnb: "\e002";
@socicon-alliance: "\e003";
@socicon-amazon: "\e004";
@socicon-amplement: "\e005";
@socicon-android: "\e006";
@socicon-angellist: "\e007";
@socicon-apple: "\e008";
@socicon-appnet: "\e009";
@socicon-baidu: "\e00a";
@socicon-bandcamp: "\e00b";
@socicon-battlenet: "\e00c";
@socicon-beam: "\e00d";
@socicon-bebee: "\e00e";
@socicon-bebo: "\e00f";
@socicon-behance: "\e010";
@socicon-blizzard: "\e011";
@socicon-blogger: "\e012";
@socicon-buffer: "\e013";
@socicon-chrome: "\e014";
@socicon-coderwall: "\e015";
@socicon-curse: "\e016";
@socicon-dailymotion: "\e017";
@socicon-deezer: "\e018";
@socicon-delicious: "\e019";
@socicon-deviantart: "\e01a";
@socicon-diablo: "\e01b";
@socicon-digg: "\e01c";
@socicon-discord: "\e01d";
@socicon-disqus: "\e01e";
@socicon-douban: "\e01f";
@socicon-draugiem: "\e020";
@socicon-dribbble: "\e021";
@socicon-drupal: "\e022";
@socicon-ebay: "\e023";
@socicon-ello: "\e024";
@socicon-endomodo: "\e025";
@socicon-envato: "\e026";
@socicon-etsy: "\e027";
@socicon-facebook: "\e028";
@socicon-feedburner: "\e029";
@socicon-filmweb: "\e02a";
@socicon-firefox: "\e02b";
@socicon-flattr: "\e02c";
@socicon-flickr: "\e02d";
@socicon-formulr: "\e02e";
@socicon-forrst: "\e02f";
@socicon-foursquare: "\e030";
@socicon-friendfeed: "\e031";
@socicon-github: "\e032";
@socicon-goodreads: "\e033";
@socicon-google: "\e034";
@socicon-googlescholar: "\e035";
@socicon-googlegroups: "\e036";
@socicon-googlephotos: "\e037";
@socicon-googleplus: "\e038";
@socicon-grooveshark: "\e039";
@socicon-hackerrank: "\e03a";
@socicon-hearthstone: "\e03b";
@socicon-hellocoton: "\e03c";
@socicon-heroes: "\e03d";
@socicon-hitbox: "\e03e";
@socicon-horde: "\e03f";
@socicon-houzz: "\e040";
@socicon-icq: "\e041";
@socicon-identica: "\e042";
@socicon-imdb: "\e043";
@socicon-instagram: "\e044";
@socicon-issuu: "\e045";
@socicon-istock: "\e046";
@socicon-itunes: "\e047";
@socicon-keybase: "\e048";
@socicon-lanyrd: "\e049";
@socicon-lastfm: "\e04a";
@socicon-line: "\e04b";
@socicon-linkedin: "\e04c";
@socicon-livejournal: "\e04d";
@socicon-lyft: "\e04e";
@socicon-macos: "\e04f";
@socicon-mail: "\e050";
@socicon-medium: "\e051";
@socicon-meetup: "\e052";
@socicon-mixcloud: "\e053";
@socicon-modelmayhem: "\e054";
@socicon-mumble: "\e055";
@socicon-myspace: "\e056";
@socicon-newsvine: "\e057";
@socicon-nintendo: "\e058";
@socicon-npm: "\e059";
@socicon-odnoklassniki: "\e05a";
@socicon-openid: "\e05b";
@socicon-opera: "\e05c";
@socicon-outlook: "\e05d";
@socicon-overwatch: "\e05e";
@socicon-patreon: "\e05f";
@socicon-paypal: "\e060";
@socicon-periscope: "\e061";
@socicon-persona: "\e062";
@socicon-pinterest: "\e063";
@socicon-play: "\e064";
@socicon-player: "\e065";
@socicon-playstation: "\e066";
@socicon-pocket: "\e067";
@socicon-qq: "\e068";
@socicon-quora: "\e069";
@socicon-raidcall: "\e06a";
@socicon-ravelry: "\e06b";
@socicon-reddit: "\e06c";
@socicon-renren: "\e06d";
@socicon-researchgate: "\e06e";
@socicon-residentadvisor: "\e06f";
@socicon-reverbnation: "\e070";
@socicon-rss: "\e071";
@socicon-sharethis: "\e072";
@socicon-skype: "\e073";
@socicon-slideshare: "\e074";
@socicon-smugmug: "\e075";
@socicon-snapchat: "\e076";
@socicon-songkick: "\e077";
@socicon-soundcloud: "\e078";
@socicon-spotify: "\e079";
@socicon-stackexchange: "\e07a";
@socicon-stackoverflow: "\e07b";
@socicon-starcraft: "\e07c";
@socicon-stayfriends: "\e07d";
@socicon-steam: "\e07e";
@socicon-storehouse: "\e07f";
@socicon-strava: "\e080";
@socicon-streamjar: "\e081";
@socicon-stumbleupon: "\e082";
@socicon-swarm: "\e083";
@socicon-teamspeak: "\e084";
@socicon-teamviewer: "\e085";
@socicon-technorati: "\e086";
@socicon-telegram: "\e087";
@socicon-tripadvisor: "\e088";
@socicon-tripit: "\e089";
@socicon-triplej: "\e08a";
@socicon-tumblr: "\e08b";
@socicon-twitch: "\e08c";
@socicon-twitter: "\e08d";
@socicon-uber: "\e08e";
@socicon-ventrilo: "\e08f";
@socicon-viadeo: "\e090";
@socicon-viber: "\e091";
@socicon-viewbug: "\e092";
@socicon-vimeo: "\e093";
@socicon-vine: "\e094";
@socicon-vkontakte: "\e095";
@socicon-warcraft: "\e096";
@socicon-wechat: "\e097";
@socicon-weibo: "\e098";
@socicon-whatsapp: "\e099";
@socicon-wikipedia: "\e09a";
@socicon-windows: "\e09b";
@socicon-wordpress: "\e09c";
@socicon-wykop: "\e09d";
@socicon-xbox: "\e09e";
@socicon-xing: "\e09f";
@socicon-yahoo: "\e0a0";
@socicon-yammer: "\e0a1";
@socicon-yandex: "\e0a2";
@socicon-yelp: "\e0a3";
@socicon-younow: "\e0a4";
@socicon-youtube: "\e0a5";
@socicon-zapier: "\e0a6";
@socicon-zerply: "\e0a7";
@socicon-zomato: "\e0a8";
@socicon-zynga: "\e0a9";
...@@ -5,4 +5,5 @@ on associe les classes de socicon si l'option est activée ...@@ -5,4 +5,5 @@ on associe les classes de socicon si l'option est activée
http://www.socicon.com/how.php http://www.socicon.com/how.php
] ]
[(#INCLURE{fond=inclure/sociaux})] [(#INCLURE{fond=inclure/sociaux})]
\ No newline at end of file #FILTRE{trim}
\ No newline at end of file
0% Chargement en cours ou .
You are about to add 0 people to the discussion. Proceed with caution.
Terminez d'abord l'édition de ce message.
Veuillez vous inscrire ou vous pour commenter