EP: Editari Theme wikispaces

In aceasta postare voi prezenta aspecte legate de tema unui site wikispaces, exemplificand cu cea utilizata pentru site-urile: http://intelteachep.wikispaces.com/, respectiv http://emiliapausan.wikispaces.com

Temele pe care le aveti la dispozitie pe un site wikispaces pot fi accesate in sectiunea Theme and Colors:
Setting > Themes and Colors

Pentru a modifica tema curenta executati clic pe butonul Edit, plasat imediat sub miniatura temei (vezi imaginea de mai sus). Se va deschide fereastra Edit Theme in care puteti modifica in modul dorit codul, realizand previzualizari inainte de aplicarea modificarilor (important!).

In continuare prezint tema site-ului mentionat, cu cateva specificatii privind modificari operate:
........................................................................................................................

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title><$WikiTitle$></title>
  <link rel="shortcut icon" href="/favicon.ico" />
  <style type="text/css">
  
/* ==== TEXT COLORS ==== */  
.WikiLogoTable, .WikiLogo, .WikiLogoName a, .WikiHeaderNav, .WikiHeaderNav a, .WikiFooterNav, .WikiFooterNav a, .WikiLicense { color: <$WikiBackgroundColor$>; }
#pageInformation, .WikiPageMenuTitle, .WikiPageMenuEntries a, a.WikiPageMenuEditButton, a.WikiPageMenuEditButtonDisabled { color: #aaa; }
span.WikiPageMenuEditButtonDisabled, span.WikiPageMenuEditButtonLocked, span.WikiPageMenuEditButtonNoPermission { color: #888; }
#sidebar a { color: <$WikiLinkColor$>; }
#sidebar span a { color: inherit; }

/* ==== BACKGROUND COLORS AND IMAGES ==== */  
body { background-color: #e4e9ed; }
#outerWrapper { background-image: url('/i/box-shadow.png'); background-position: top left; background-repeat: repeat-y; }
#wrapper { background: <$WikiHighlightColor$>; }

/* ==== MODIFICARI PT HEADER (am adaugat height:85px;) ==== */

#header { height: 85px; background-image: url('/i/glass.png'); background-color: <$WikiTextColor$>; background-position: top left; background-repeat: repeat; }

/* ==== AM ADAUGAT LINIA DE JOS ==== */ 
#headerInner { height: 70px; }
/* ==== ======================== ==== */

#pageInformation { background-image:url('/i/white-overlay.png'); background-position: top left; background-repeat: repeat-x; }
#footer { background-image: url('/i/glass.png'); background-color: <$WikiTextColor$>; background-position: top left; background-repeat: repeat; }
li.WikiPageMenuEntryOn, a.WikiPageMenuEditButton, a.WikiPageMenuEditButtonDisabled { background-image: url('/i/white-solid-overlay.png'); background-position: top left; background-repeat: repeat-x; }

/* ==== GENERAL STYLES ==== */
body { font-family: Arial, Helvetica, Verdana, sans-serif !important; font-size: 13.5px; margin: 0; padding: 0; }
#header img, #sidebar img, #footer img { border: 0; }
#header ul, #header ol, #sidebar ul, #sidebar ol, #footer ul, #footer ol { margin: 0; padding: 0; }
#outerWrapper { margin: 0 auto; width: 1006px; }
#wrapper { margin: 5px auto; width: 1000px; }
#header, #bd, #footer { width: 100%;}
#content_view { width: 100%;}

/* ==== HEADER ==== */
#header { float: left; overflow: visible; min-height: 100px; }
#header a { text-decoration: none; }
#header a:hover { text-decoration: underline; }
.WikiLogoTable, .WikiLogo { float: left; }
.WikiLogoTable { padding: 12px 0 0 10px; }
.WikiLogoName a { font-size: 2.2em; }

/* ==== Am micsorat valoarea min-height pt headerInner ==== */
/* === Pt a micsora antetul am stabilit si pt inaltimea header 85px===== */
/* === Este important si ca logo sa fiie plasat optim (mai jos cu 12px in antet)=== */

#headerInner { float: right; min-height: 60px; line-height: 1; width: 100%; position: relative; }
.WikiHeaderNav { float: right; padding: 1em 1em 0 0; position: absolute }
.WikiHeaderNav, x:-moz-any-link { padding-right: 10px; } /* FireFox 2 */
.WikiHeaderNav, x:-moz-any-link, x:default { padding-right: 1em; } /* Reset FireFox 3 */
.WikiHeaderNav a { display: inline; font-size: 1em; line-height: 18px; padding: 0 3px 0 3px; vertical-align: middle; }
#pageInformation { border-top: 1px solid #ddd; display:inline; float: left; padding-left: 170px; width: 830px; min-height: 40px; }

/* ==== FOOTER ==== */
#footer { clear:both; text-align: center; }
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }
.WikiFooterNav { padding-top: 20px; }
.WikiFooterNav a { font-size: 1em; padding: 0 8px 0 8px; }
.WikiLicense { padding: 5px 0 20px; }

/* ==== NOTIFICATIONS and BANNERS ==== */
.WikiSuccess { background-color: #DDF6DD; background-image: url(/i/icon/rv/ok_16.png); }
.WikiWarning { background-color: #FAFADD; background-image: url(/i/icon/rv/warnings_16.png); }
.WikiError { background-color: #FADDDD; background-image: url(/i/icon/rv/close_a_16.png); }
.WikiInfo { background-color: #E9E9F6; background-image: url(/i/icon/rv/info_16.png); }
.WikiBanner { background-color: #FAFADD; background-image: url(/i/icon/rv/info_16.png); }
.WikiNotice, .WikiBanner { background-position: 10px 50%; background-repeat: no-repeat; float: right; padding: 0 0 0 22px; width: 760px; }
.WikiNotice ul, .WikiBanner ul { color: #000; font-weight: bold; list-style-type: none; margin: 10px 0 8px; padding: 0 10px; }
.WikiNotice a, .WikiBanner a { color: blue !important; }

/* ==== CONTENT ==== */
#wikiBody{ clear: both; }
.wikiBox { background-color: #FFFFFF; color: #000000; float: right; padding: 30px; width: 750px; }
#content_view.wiki { overflow-x: auto; }
.WikispacesContent { max-width: 740px; }
#SpaceNavigationTool { line-height: 1; }
.WikiPageMenuStar { border: none; float: left; padding-top: 10px; padding-right: 3px; } 
.WikiPageMenuStarNo, .WikiPageMenuStarYes { border: none; }  
.WikiPageMenuPermissionIcon { float: left; padding: 13px 8px 0 0; }
.WikiPageMenuTitle { float: left; font-size: 1.6em; font-family: Georgia, Times New Roman, Times, serif; line-height: 40px; max-width: 515px; padding-right: 1em; white-space: nowrap; }

/* ==== TABS and EDIT ==== */
.WikiPageMenuEntries img { border: 0; }
.WikiPageMenuEntries a, .WikiPageMenuEditButton { text-decoration: none; }
.WikiPageMenuEntryOff a:hover { text-decoration: underline; }
.WikiPageMenuEntryOn a:hover { cursor: default; }
.WikiPageMenuEntries ul, .WikiPageMenuEntries li { display: inline; float: left; height: 40px; }
.WikiPageMenuEntries ul { list-style: none; }
.WikiPageMenuEntries li { text-transform: uppercase; }
.WikiPageMenuEntries a { display: block; float: left; font-weight: bold; text-align: center; height: 20px; padding: 13px 12px 7px 12px; } 
li.WikiPageMenuEntryOn, a.WikiPageMenuEditButton, a.WikiPageMenuEditButtonDisabled { border-right: 1px solid #ddd; }
a.WikiPageMenuEditButton, a.WikiPageMenuEditButtonDisabled { float: left; font-weight: bold; text-transform: uppercase; padding: 13px 16px 7px 16px; height: 20px;  text-align:center; }
span.WikiPageMenuEditButtonDisabled, span.WikiPageMenuEditButtonLocked, span.WikiPageMenuEditButtonNoPermission { background-image: url('/i/white-solid-overlay.png'); background-position: top left; background-repeat: repeat-x; border-right: 1px solid #ddd; float: left; font-weight: bold; text-transform: uppercase; padding: 13px 16px 7px 16px; height: 20px;  text-align:center; }
span.WikiPageMenuEditButtonLocked span, span.WikiPageMenuEditButtonNoPermission span { background-image:url('/i/icon_16_lock.gif'); background-position: bottom left; background-repeat: no-repeat; padding-left: 26px; padding-top: 1px;}

/* ==== ASCUNDE HISTORY SI NOTIFY ==== */
<wikiisnotspaceorganizer>
.WikiPageMenuEntries #discussion { display: inline; }
.WikiPageMenuEntries #history { display: none; }
.WikiPageMenuEntries #notify { display: none; }
</WikiIsNotSpaceOrganizer>

<wikiissuperuser>
.WikiPageMenuEntries #discussion { display: inline; }
.WikiPageMenuEntries #history { display: inline; }
.WikiPageMenuEntries #notify { display: inline; }
</WikiIsSuperUser>

/* ==== se incheie secventa adaugata ==== */

/* ==== ACTIONS ==== */
#sidebar { display: inline; float: left; width: 173px; margin-top: 10px; margin-right: 0px; margin-left: 12px; }
#sidebar a { text-decoration: none; }
#sidebar a:hover { color: white; background-color: #000; /*text-decoration: underline;*/ }
#actions { padding: 15px; border: 1px solid #999999; }
form.WikiSearch { margin-bottom: 1em; margin-top: 1em; }
input.WikiSearchInput { font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
.WikiActions { list-style-type:none; }
.WikiCustomNav { padding: 0; width: auto; }
.WikiCustomNav ol { padding-left: 1.5em !important; }
.WikiCustomNav ul { padding-left: 1em !important; }
ol.includePageList { padding-left: 0 !important; }
.WikiActions li { padding-bottom: 6px; white-space: nowrap; }
.WikiActions a { font-family: Arial, Helvetica, sans-serif; font-size: 13.5px; }

/* ==== MODIFICARE ACTIUNE la parcurgerea cu mouse-ul pe link in sidebar ==== */
.WikiActions a:hover, .WikiCustomNav a:hover { text-decoration: underline; }
/* ==== SE INCHEIE SECVENTA ==== */

.WikiActions img { padding-right: 0.5em; }
.editNavigation { font-size: 0.9em; padding-top: 5px; text-align: center; }

/* ==== SUBMENU ==== */
#WikiPageSubMenuControl { display:inline; padding-left:5px; border: 0; height: 13px; }
.WikiPageSubMenuDisabled { display: none; }
.WikiPageSubMenuEnabled { display: inline !important; }
#WikiPageSubMenu { cursor: pointer;}
#WikiPageSubMenu ul { z-index: 2; position: absolute; top: 40px; left: 0; list-style: none; width: 150px; background-color: #FFFFFF; padding: 0; margin: 0; border-color: #DDDDDD; border-style: solid; border-width: 1px 1px 0 1px; height: auto; }
li.WikiPageSubMenuEntry, li.WikiPageSubMenuEntryDisabled { width: 128px; background-image: none; padding: 4px 4px 4px 8px; border-bottom: 1px solid #DDD; margin: 0; float: left; height: auto; background-color: #FFFFFF; height: auto; text-transform: none; }
.WikiPageSubMenuEntry a { color: #000; font-weight: normal; background-image: none; padding: 0; border: 0; height: auto; }
.WikiPageSubMenuEntryDisabled { color: #CCC; }
.WikiPageSubMenuEntry:hover { background-color: #EEE; }
.WikiPageSubMenuEntryDisabled:hover { background-color: #FFF; }
#WikiPageSubMenuControl { padding-left: 5px; display: inline; }
.WikiPageMenuEntries li { position: relative; z-index: 2;}

</style>

</head>
<body>
<div id="outerWrapper">
<div id="wrapper">

/* === Am adaugat tabelul pt a scrie in antet titlul site ===== */
/* === (am inlocuit linia initiala de cod care se referea la logo in antet ===== */

<table class="WikiLogoTable WikiElement">
       <td><$WikiLogo$></td>
       <td class="WikiLogoName"> <span style="color: white; font-weight: bold; font-size: 2.2em;">    Fizica in clasa virtuala  </span></td>
   </table>
<$WikiHeaderNav$>
  </div>
<div id="pageInformation">
    <$WikiPageMenuStar$>
    <$WikiPageMenuPermissionIcon$>
    <$WikiPageMenuTitle$>
    <$WikiPageMenuEntries$>
    <$WikiPageMenuEditButton$>
  </div>
</div>

<table class="wiki">
       <th>INSTRUMENTE WIKI</th>
     </table>
<br>

<wikiisspaceorganizer><$WikiActions$></WikiIsSpaceOrganizer>

<wikiisnotspaceorganizer>
   
<ul style="font-size: 90%;" class="WikiActions WikiElement">
<li><img width="16" height="16" alt="" src="/i/icon_16_page_add.gif"/>
<a href="<$WikiSpaceUrl$>/space/page">Pagina Noua</a></li>

</ul>

<wikiisnotmember><img width="16" height="16" alt="" src="/i/icon_16_user_add.gif"/><a href="<$WikiSpaceUrl$>/space/join">Conectare la grup</a></li>
</WikiIsNotMember>

</WikiIsNotSpaceOrganizer>

EP

Pages

marți, 27 august 2013

Editari Theme wikispaces

Niciun comentariu:

Trimiteți un comentariu