SharePoint 2010: Branding nasil yapilir, nasil hayata gecirilir (tr-TR)

SharePoint 2010: Branding nasil yapilir, nasil hayata gecirilir (tr-TR)

Bu makalede sizlere SharePoint nasıl design edilir bundan bahis edeceğim.

Öncelikle, test olarak bir webapplication yapmamız gerekiyor. Bu makalede sizlere test olarak http://master.Spdev.local:888 kullanacağım.

clip_image001

1 SharePoint Designer

1.1 SharePoint Designer 2010 yüklenim


2 SharePoint Designer yükleme

  • SharePoint Designer 2010’ü indirdikten sonra. exe basarak, yüklenim baslar ( RUN’e basiniz )

clip_image002

  • Extracting baslar

clip_image004

  • EULA okuyunuz (!) ve sonrasında continue

clip_image005

clip_image006

  • Install Now a basınız ve aşağıda gösterildiği gibi seçenekleri seciniz.

clip_image007

  • Ve yüklenim baslar

clip_image008


3 Basic Designs

MasterPage, custom page ve benzeri “page” leri değiştirmek istersek iki tane feature’un aktive olması gerek.

  • · “Site Actions” basınız
  • · “Site Collection Features” basınız
  • · “SharePoint Server Publishing Infrastructure” aktifleydiniz

clip_image009

  • · “Site Actions” basınız
  • · “Manage site features” basınız
  • · “SharePoint Server Publishing” aktifleyiniz

clip_image010


3.1 SharePoint Designer kullanim

  • SharePoint 2010’ü acınız ve web site inizi giriniz.

clip_image012


  • Hiçbir AMA hiçbir zaman MasterPage inize direkt olarak değişikler yapmayınız. Önce bir kopya yapalım ismini değiştirelim ondan sonra üzerine değişiklikler yapabiliriz.

clip_image014


3.2 Custom CSS

  • Style library’de yeni bir CSS yaratalım.

clip_image015

  • Sağ klik ve “Edit File in Advanced Mode

clip_image016

  • Ve içerisine aşağıdaki olanları kopyalayınız:
 #s4-bodyContainer {
 width: 1024px !important;
 margin-left:auto;
 margin-right:auto;
 }
 body #s4-ribbonrow {
 background-color:#865102;
 }
 body.v4master {
 overflow: visible;
 background-color:black;
 }
 .ms-cui-ribbonTopBars {
 width: 1024px !important;
 margin-left:auto;
 margin-right:auto;
 }
 .ms-cui-ribbonTopBars > div {
 border-bottom:1px solid transparent !important;
 }

clip_image017



 

clip_image018



  • SharePoint Designer’de CSS’i Design mode sayesinde içine yükleyiniz ve kopyalamış olduğumuz MasterPage’e sağ klik ve “New from Master Page” e basınız

clip_image019

 

  • Yeni bir isim veriniz

clip_image020

 

  • Sonrasında “Set as default Master Page

clip_image021

 

  • Ve lay-out’umuz değişmiş bir şekilde karsımıza çıkar..

clip_image022

Leave a Comment
  • Please add 1 and 2 and type the answer here:
  • Post
Wiki - Revision Comment List(Revision Comment)
Sort by: Published Date | Most Recent | Most Useful
Comments
  • Gokan Ozcifci edited Revision 1. Comment: Tag: Translated into Turkish

Page 1 of 1 (1 items)
Wikis - Comment List
Sort by: Published Date | Most Recent | Most Useful
Posting comments is temporarily disabled until 10:00am PST on Saturday, December 14th. Thank you for your patience.
Comments
  • Gokan Ozcifci edited Revision 1. Comment: Tag: Translated into Turkish

Page 1 of 1 (1 items)