MediaWiki Skins Design - Carter, Richard Ebook Toszek

Spis treści: MediaWiki Skins DesignTable of ContentsMediaWiki Skins DesignCreditsAbout the AuthorAbout the ReviewerPrefaceWhat This Book CoversWhat You Need for This BookWho is This Book ForConventionsReader FeedbackCustomer SupportDownloading the Example Code for the BookErrataPiracyQuestions1. IntroductionExamples of MediaWiki SkinsWikipedia: The Monotony of MonoBookBog StandardNostalgiaModernSimpleCologne BlueCustomized MediaWiki SkinsAdobe Labs WikiAboutUsThe WordPress CodexWhy Skin Your (Media) Wiki?Distinguishing Your WikiIntegrating it With Your WebsiteImproving Your Wikis UsabilityAdding and Removing Widgets and FeaturesOur Case Study: JazzMeetThe Process of Skinning MediaWikiYour Wiki's PurposeYour Wiki's AudienceSummary2. Formatting the BodyInitializing Your SkinCSS and Image FilesPHP TemplateUsing Your SkinMaking Your Skin as Wiki's Default SkinMaking Your Skin as Your Default SkinStyling Article ContentThe Content BodyCategory Linkseditsection: page editing optionsSiteSub: Your Wiki's Claim to Fametoc: Table of ContentsWikitable: Tabular DataOther elements of interestImagesThumbnailed ImagesMaking Our Case Study 'JazzMeet'ContentThe Content Block: #contentHeadings: .mw-headline, .firstHeadingTable Of Contents: #toc, .tocCategoriesImagesThumbnail ImagesTablesTalk PagesNew Message Notification: .usermessageRedirect PagesImage Detail PagesEmpty ArticlesSearch ResultsRecent ChangesStyling the Edit InterfaceThe BasicsToolbarLegal Notices and WarningsPreview PageShow DifferencesLogging In and RegisteringJazzMeets So FarSummary3. Formatting Interface ElementsThe Interface Area: .portletChanging the LogoThe Logo FileChanging Your Logo in the PHP FileChanging the Logo in LocalSettings.php: $wgLogoChanging the Logo FileStyling the Navigation: #p-navigationTable of Elements: #p-navigationThe Userbar: #p-personalTable of Elements: #p-personalView Options: #p-cactionsTable of Elements: #p-cactionsThe Toolbox: #p-tbTable of Elements: #p-tbThe Search Box: #p-searchTable of Elements: #p-searchThe Footer: #footerTable of Elements: #footerSummary4. Changing the LayoutKeep Your Head On: MediaWiki's TagThe Page Title: and MediaWiki:PageTitlePage Styles: Importing StylesheetsContent-Type Declarationusercss and pagecssJavaScript: wikibits.jsFavicon: favicon.icoChanging the Content Area: #bodyContentPage AnchorsHeadingsContent BlockscontentSub"New Talk"Jump-To LinksPage ContentCategory LinksChanging the InterfaceMediaWiki Interface Element PagesWiki Navigation: MediaWiki:SidebarMediaWiki:SitenoticeThe "Special" Page TabMediaWiki: MenuNavigationThe Edit ToolbarToolbar buttonsAdding a new toolbar buttonCreating Your Own TemplateOrdering ElementsContent OrderingLayouts with CSSMoving Blocks AroundThe HeaderThe Content Column: #column-oneThe Content BodyThe FooterEnd Of The Template FileThe ResultSummary5. Useful MediaWiki FunctionsPHP Functions and MediaWiki FunctionsUsing MediaWiki FunctionsRetrieving the DataRetrieving Data from a VariableRetrieving Data from a FunctionFormatting the DatahtmlhtmlentitieshtmlspecialcharstextFunctions for HeadlinksPagetitleServerURLSkinnameStylepathStylenameStyleVersionTrackbackHTMLUserCSSFunctions For Within Functions for page contentArticleIDBodytextCategory LinksJump to navigation linksMessage NotificationPagetitleSitenoticeSubtitle and RedirectsTaglineUndeleteFooterFunctions for the InterfaceLogopathNon- Special PagesWhatlinkshereRecent ChangesPrintable VersionPersonal ToolsSearchViewsToolboxLoose EndsBottomscriptsDebuggingReporttimeRestoring WarningsAdvanced PHP FunctionsGlobal VariablesExample: Dynamically Creating Linking CodeOverview: Variables at a Glance"text" Variables"html" VariablesSummary6. Adding Decorative ElementsDecorative ElementsWhen to Use Decorative ElementsFocus-Drawing TechniquesSuggestion of MovementDrawing Focus with ArrowsColor ContrastThe Color WheelGrayscale and MonotoneDiagonal LinesSizeIndentationPaddingOrderDepth and the Third DimensionFocus-Lessening TechniquesSummary7. Dynamic CSS and JavaScriptInline Edit InterfaceThickBoxWhat does ThickBox Support?ThickBox's FeaturesGreyBoxWhat does GreyBox Support?GreyBox's FeaturesLightbox 2What does Lightbox Support?Lightbox's FeaturesLightbox 2 WinsInstalling Lightbox 2Script Files for HeaderLightbox CSSrel="lightbox"Identifying the "edit" linkCustomizing Lightbox 2Changing Lightbox GraphicsChanging Lightbox CSSChanging Lightbox CaptionsLightboxThumbsInstalling LightboxThumbsThe ResultTables: Making Data easier to readInstalling TableclothCustomizing TableclothThe Result: Highlighted TablesSummary8. Social Networking and MediaWikiIntegrating Twitter with MediaWikiShorter LinksCreating a Twitter AccountEmbedding Twitter Feeds in MediaWikiStyling Twitter's HTMLInserting Twitter as Page ContentYouTube in MediaWikiMediaWiki Extension: VideoFlashInstalling VideoFlashEmbedding YouTube Videos in Page ContentEmbedding Videos from other Video ProvidersTelling your VisitorsSocial BookmarkingIndividual Social Bookmarking ServicesYour Wiki's AudienceExample of AudienceMister WongLinking to Mister WongWhat Mister Wong Users SeeFurlLinking to FurlWhat Furl Users SeeFacebookLinking to FacebookWhat Facebook Users SeeSocial Bookmarking AggregatorsAddThisLinking to AddThisSocializerLinking to SocializerWhat Socializer Users SeeSocial bookmarking for JazzMeetSummary9. Deploying Your MediaWiki SkinDeploying on your Own WikiPackaging Your MediaWiki SkinWhat Needs to be IncludedREADME FileFormats and CompressionTar CompressionZIP CompressionLicensing OptionsUsual Licensing and CopyrightCreative CommonsParts of Creative Commons LicenseCommons DeedsLegal CodeDigital CodeAttribution LicenseAttribution-Non-Commercial LicenseAttribution-Non-Commercial-No Derivative Works LicenseAttribution-Non-Commercial-Share Alike LicenseAttribution-No Derivative Works LicenseAttribution-Share Alike 2.0 LicenseUnderstand the LicenseWaiving the RestrictionsGNU LicensesSummary10. MediaWiki Print StylesViewing the Printable Version of Your PageURLs in MediaWikiPrint URLWiki MarkupWhat's Already Done for Us: commonPrint.cssA Separate Print StylesheetExternal LinksPage ContentSite NoticeTable of ContentsImagesThumbnail ImagesDiff - document difference pagesLinksFooter and Miscellaneous ElementsWhat Remains to be StyledContentTable of ContentsCategoriesTables of DataFooterPrintfooterNew Message NotificationSummaryA. Troubleshooting Browser Issues with MediaWikiBrowser ModesStandards ModeQuirks ModeConditional CommentsVersionless Conditional Comments in Internet ExplorerVersion-Based Conditional Comments in Internet ExplorerStylesheets and Conditional CommentsConditional StylesheetsInternet Explorer 5 BugsBackground Image BugFont-Sizing BugCursor Hand bugInternet Explorer 6 BugsDouble-Margin BugInline List Items Partially DisplayedBugs in Other BrowsersFirefox BugsEmpty Divs Not ClearingTesting your Design in Multiple BrowsersCheaper Alternatives for TestingSummaryIndex