design
Office 365 / toutes les tailles d’images
Citation Publié le Mis à jour le
Bonjour,
Je dresse ici pour mémoire et pour tout ceux qui ont un besoin de customisation toutes les tailles des images dans Office 365, classés par outil. J’ai également ajouté les liens pour savoir comment et où les modifier.
Office 365
Thème du bandeau haut
Voici comment le modifier
Logo bandeau haut : 200 x 30 pixels au format JPG, PNG ou GIF, et taille inférieure à 10 Ko
Image de thème : 1366 x 50 pixels ou moins au format JPG, PNG ou GIF, et taille inférieure à 15 Ko
Votre photo de profil
Cliquez ici pour savoir comment la modifier.
Barre de lancement rapide
Cliquez ici pour savoir comment ajouter une apps dans le lanceur.
Icone dans le lanceur d’application : png transparent 60 x 60 pixels
Sharepoint
Icone de site par défaut : 180 x 64 pixels
Résultat de recherche de personne : 96 x 96 pixels
A suivre ….
Customization graphique Sharepoint, quelques points à retenir
Bonjour,
Ce billet rassemble quelques points clés à connaitre pour bien construire une charte graphique Sharepoint 2013 et Sharepoint online
Activation, utilisation
- Pensez à activer la fonctionnalité « Infrastrucutre de publication de Sharepoint Server » dans les fonctionnalités de votre collection de site (http://<votresite>/_layouts/15/ManageFeatures.aspx?Scope=Site)
- Si vous créez une masterpage minimal en .html, pensez à la décorréler de votre page .master, en décochant la case dans ses propriétés sharepoint (via la bibliotheque http://<votresite>/_catalogs/masterpage/Forms/AllItems.aspx). Sans ceci vous ne pourrez pas modifier directement la masterpage (ex oslo.master ou seatle.master) :
Customization masterpage
Voici des exemples d’ajout de pages javascripts et css dans votre <header>
&amp;amp;amp;lt;SharePoint:CssRegistration name=&amp;amp;amp;quot;&amp;amp;amp;amp;lt;% $SPUrl:~sitecollection/SiteForms/css/accueil.css %&amp;amp;amp;amp;gt;&amp;amp;amp;quot; runat=&amp;amp;amp;quot;server&amp;amp;amp;quot; after=&amp;amp;amp;quot;corev4.css&amp;amp;amp;quot;/&amp;amp;amp;gt; &amp;amp;amp;lt;SharePoint:CssRegistration name=&amp;amp;amp;quot;&amp;amp;amp;amp;lt;% $SPUrl:~sitecollection/SiteForms/js/bootstrap/3.3.5/css/bootstrap.css %&amp;amp;amp;amp;gt;&amp;amp;amp;quot; runat=&amp;amp;amp;quot;server&amp;amp;amp;quot; after=&amp;amp;amp;quot;corev4.css&amp;amp;amp;quot;/&amp;amp;amp;gt; &amp;amp;amp;lt;SharePoint:ScriptLink language=&amp;amp;amp;quot;javascript&amp;amp;amp;quot; name=&amp;amp;amp;quot;&amp;amp;amp;amp;lt;% $SPUrl:~sitecollection/SiteForms/js/jquery/jquery-1.11.3.min.js %&amp;amp;amp;amp;gt;&amp;amp;amp;quot; OnDemand=&amp;amp;amp;quot;true&amp;amp;amp;quot; runat=&amp;amp;amp;quot;server&amp;amp;amp;quot; Localizable=&amp;amp;amp;quot;false&amp;amp;amp;quot; /&amp;amp;amp;gt; &amp;amp;amp;lt;SharePoint:ScriptLink language=&amp;amp;amp;quot;javascript&amp;amp;amp;quot; name=&amp;amp;amp;quot;&amp;amp;amp;amp;lt;% $SPUrl:~sitecollection/SiteForms/js/jquery.SPServices/jquery.SPServices-2014.02.min.js %&amp;amp;amp;amp;gt;&amp;amp;amp;quot; OnDemand=&amp;amp;amp;quot;true&amp;amp;amp;quot; runat=&amp;amp;amp;quot;server&amp;amp;amp;quot; Localizable=&amp;amp;amp;quot;false&amp;amp;amp;quot; /&amp;amp;amp;gt; &amp;amp;amp;lt;SharePoint:ScriptLink language=&amp;amp;amp;quot;javascript&amp;amp;amp;quot; name=&amp;amp;amp;quot;&amp;amp;amp;amp;lt;% $SPUrl:~sitecollection/SiteForms/js/bootstrap/3.3.5/js/bootstrap.min.js %&amp;amp;amp;amp;gt;&amp;amp;amp;quot; OnDemand=&amp;amp;amp;quot;true&amp;amp;amp;quot; runat=&amp;amp;amp;quot;server&amp;amp;amp;quot; Localizable=&amp;amp;amp;quot;false&amp;amp;amp;quot; /&amp;amp;amp;gt;
Customization CSS
Voici le code css à ajouter pour passer votre site en largeur fixe :
form { margin: auto; max-width: 1590px; } #s4-workspace { margin: auto; max-width: 1590px; background:#FFFFFF !important; }
Liens Utiles
- Wiki technet (via benoit jester) http://social.technet.microsoft.com/wiki/contents/articles/18892.sharepoint-2013-design-manager-construire-une-masterpage-fr-fr.aspx
- blog d’Erik Swenson : http://erikswenson.blogspot.fr/
- blog de Randy Drisgill http://blog.drisgill.com/
- Blog NothingButSharepoint (customisation de css)http://www.nothingbutsharepoint.com/2013/05/02/understanding-sharepoint-csslink-and-how-to-add-your-custom-css-in-sharepoint-2010-aspx/
Vous devez être connecté pour poster un commentaire.