Original

You are currently reviewing an older revision of this page.
Go to current version

 

Merhabalar,

 

Bu makalemde 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

 

Gokan Ozcifci

Revert to this revision