ilk olarak sharepoint designer ile sitemizin herhangi bir yerinde bir css dosyası oluşturuyoruz. Ben dosyamı “Style Library” altında “CustomFontBackgroundColor.css” olarak oluşturuyorum.

Dosyamızı oluşturduktan sonra bu css dosyamızı sitemizin kullandığı masterpage dosyasına referans olarak ekliyoruz.

Bütün bu işlemleri tamamladıktan ve css dosyamızın sharepoint sayfamıza yüklendiğinden emin olduktan sonra tekrar css dosyamıza gidiyoruz. Burada “.ms-rteBackColor-Custom1” class adını ekleyiyoruz. Burada “.ms-rteBackColor-” sabit tutacak şekilde sadece “Custom1” değiştirerek istediğiniz kadar renk ekleyebilirsiniz.

Tanımladığımız class altına parametre olarak “-ms-name” ile rengimizin adını ve “background-color” ile de renk kodumuzu ekliyoruz.

.ms-rteBackColor-Custom1 {
 -ms-name: "Custom Background Color 1";
 background-color: #FF3823;
}

Son durumda css dosyamız aşağıdaki gibi görünmesi gerekmektedir.

Css dosyamıza renk kodumuzu tanımladıktan sonra hem master page dosyamızı hem de css dosyamızı publish ediyoruz. Bu işlemden sonra herhangi bir sayfada ribbonda yer alan yazı rengi kısmını açtığımızda eklediğimiz renk kodunun geldiğini göreceğiz.

Yukarıda da gördüğünüz gibi anlattığım işlemleri sorunsuz bir şekilde tamamladığımız zaman renk paletimize tanımlamış olduğumuz renk eklenmiş oldu.

The post SharePoint Ribbon Format Text Sekmesinde Bulunan Yazı Arkaplan Renklerine Yenisini Eklemek appeared first on Yunus Emre Araç.

ilk olarak sharepoint designer ile sitemizin herhangi bir yerinde bir css dosyası oluşturuyoruz. Ben dosyamı “Style Library” altında “CustomFontSize.css” olarak oluşturuyorum.

Dosyamızı oluşturduktan sonra bu css dosyamızı sitemizin kullandığı masterpage dosyasına referans olarak ekliyoruz.

Bütün bu işlemleri tamamladıktan ve css dosyamızın sharepoint sayfamıza yüklendiğinden emin olduktan sonra tekrar css dosyamıza gidiyoruz. Burada “.ms-rteFontSize-Custom1” class adını ekleyiyoruz. Burada “.ms-rteFontSize-” sabit tutacak şekilde sadece “Custom1” değiştirerek istediğiniz kadar renk ekleyebilirsiniz.

Tanımladığımız class altına parametre olarak “font-size” ile yazımızın büyüklüğünü ekliyoruz.

.ms-rteFontSize-Custom1 {
   font-size:14pt;
}

Son durumda css dosyamız aşağıdaki gibi görünmesi gerekmektedir.

Css dosyamıza yazı büyüklüğünü tanımladıktan sonra hem master page dosyamızı hem de css dosyamızı publish ediyoruz. Bu işlemden sonra herhangi bir sayfada ribbonda yer alan yazı bütüklüğü kısmını açtığımızda eklediğimiz yazı büyüklüğü kodunun geldiğini göreceğiz.

Yukarıda da gördüğünüz gibi anlattığım işlemleri sorunsuz bir şekilde tamamladığımız zaman yazı büyüklüğü kısmına tanımlamış olduğumuz yazı büyüklüğü eklenmiş oldu.

The post SharePoint Ribbon Format Text Sekmesinde Bulunan Yazı Büyüklüğü Sekmesine Yenisini Eklemek appeared first on Yunus Emre Araç.

ilk olarak sharepoint designer ile sitemizin herhangi bir yerinde bir css dosyası oluşturuyoruz. Ben dosyamı “Style Library” altında “CustomFontColor.css” olarak oluşturuyorum.

Dosyamızı oluşturduktan sonra bu css dosyamızı sitemizin kullandığı masterpage dosyasına referans olarak ekliyoruz.

Bütün bu işlemleri tamamladıktan ve css dosyamızın sharepoint sayfamıza yüklendiğinden emin olduktan sonra tekrar css dosyamıza gidiyoruz. Burada “.ms-rteForeColor-Custom1” class adını ekleyiyoruz. Burada “.ms-rteForeColor-” sabit tutacak şekilde sadece “Custom1” değiştirerek istediğiniz kadar renk ekleyebilirsiniz.

Tanımladığımız class altına parametre olarak “-ms-name” ile rengimizin adını ve “color” ile de renk kodumuzu ekliyoruz.

.ms-rteForeColor-Custom1 {
 -ms-name: "Custom Color 1";
 color: #FF3823;
}

Son durumda css dosyamız aşağıdaki gibi görünmesi gerekmektedir.

Css dosyamıza renk kodumuzu tanımladıktan sonra hem master page dosyamızı hem de css dosyamızı publish ediyoruz. Bu işlemden sonra herhangi bir sayfada ribbonda yer alan yazı rengi kısmını açtığımızda eklediğimiz renk kodunun geldiğini göreceğiz.

Yukarıda da gördüğünüz gibi anlattığım işlemleri sorunsuz bir şekilde tamamladığımız zaman renk paletimize tanımlamış olduğumuz renk eklenmiş oldu.

The post SharePoint Ribbon Format Text Sekmesinde Bulunan Yazı Renklerine Yenisini Eklemek appeared first on Yunus Emre Araç.

Yukarıda da göreceğiniz gibi herhangi bir sharepoint sayfasını düzenlediğiniz zaman üst ribonda yer alan “FORMAT TEXT” alanının altındaki yazı tipleri kısmında standart sharepoint ortamında yer alan yazı tipleri gelmektedir. Burada yer alan yazı tipleri dışında bir yazı tipi eklemek ve buradaki listede gözükmesini istiyorsak aşağıdaki adımları takip edebilirsiniz.

İlk olarak sharepoint designer acarak burada site de herhangi bir yere css dosyası oluşturup bu dosyanın referansını sharepoint sitesine eklememiz gerekmektedir. Ben “Style Library” altında “CustomFontFace.css” adında bir css dosyası oluşturuyorum ve bunu masterpage referans olarak veriyorum.

Daha sonra bu eklediğim dosyayı master page dosyasında head tagının içerisinde olacak şekilde şekilde referans vererek ekliyorum.

Bu işlemi tamamladıktan sonra css dosyamın içine uygun bir şekilde font tanımlamaları yaparak istediğim yazı tipinin gelmesini sağlayabilirim.

Bu işlemden sonra ekleyeceğiniz yazı tipinin font dosyalarını ister bulup ortamınıza ekleyebilirsiniz ister Google Fonts adresinden referans alarak import edebilirsiniz. Ben burada yer alan “Roboto” font tipini ekleyeceğim.

Google fonts girip Roboto yu seçtikten sonra istediğim sitili seçerek sağ üst kısımda yer alan ikona tıklayarak yan menüyü açıyorum. Burada tablı seçeneklerden “Embed” olanı seçerek hemen altındaki diğer tab seçeneği olan kısmında ise “@import” olanı seçerek göstermiş olduğum import kodunu alarak oluşturduğumuz css dosyasına ekiyoruz.

Bu kısımdan hemen sonra ise import ettiğimiz yazı tipinin ribbon tarafında gözükmesi için “.ms-rteFontFace-custom1” class ismi ile aşağıya bu özellikleri eklememiz gerekmektedir. “.ms-rteFontFace-“ kısmı sabit kalacak şekilde sadece “custom1” adını değiştirerek istediğiniz kadar ekleyebilirsiniz. Bu class içerisine “-ms-name” parametresi ile bu font için sekmede gözükecek ismi ve “font-family” ile de seçildiğinde görünecek olan import ettiğimiz yazı tipini tanımlıyoruz.

Son durumda css dosyamız içerisinde yer alan kodlarımız yukarıdaki gibi olacaktır. Örnek kod aşağıda yer almaktadır.

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');

.ms-rteFontFace-custom1
{
-ms-name: "Roboto";
font-family: "Roboto";
}

Yukarıdaki kodu sorunsuz bir şekilde css dosyasına ekleyip publish ederek master page ile tüm siteye eklenmesini sağladıysanız eğer herhangi bir sayfaya gidip yazı sitili sekmesini açtığınız zaman yazı tipinin geldiğini göreceksiniz.

yukarıda da göreceğiniz gibi işlmeleri doğru şekilde tamamladıktan sonra yazı sitili kısmına Roboto yazı tipimiz geldi.

NOT: Eğer google fonts dışında ticari amaçlı ve ücretsiz kullanabileceğiniz yazı tiplerine ihtiyacınız var ise 70 ten fazla ticari ücretsiz yazı tipinin paylaşıldığı https://www.websiteplanet.com/blog/best-free-fonts/ adresini inceleyebilirsiniz.

The post SharePoint Ribbon Format Text Sekmesinde Bulunan Yazı Tipi Fontlarına Yenisini Eklemek appeared first on Yunus Emre Araç.