Personal tools
You are here: Home Knowledge Miscellaneous Plone Customizations

Miscellaneous Plone Customizations

by jhmark last modified 2006-12-07 16:36

This article describes some random Plone customizations I use.


remove byline in the standard folder listing:
go to mysite/portal_skins/plone_content/folder_listing
Customize
Comment out the span of class documentByLine

turn off default generation of portal tabs, add new tabs:
Plone Site Setup ; Navigation Settings ; turn off Automatically Generate Tabs
for new tabs, ZMI to siteurl/portal_actions... add an action
URL is string:$portal_url/my-new-page
permission = View
category = portal_tabs
set a fixed width for the whole portal:
ZMI to mysite/portal_skins/plone_styles
customize ploneCustom.css
add this:
BODY {
    width : 886px;
}
display a section of text (multiple paragraphs) with a background image:
customize ploneCustom.css as above
add this:
TABLE.mytablename {
    width: 100%;
    background-image: url(&dtml-portal_url;/someimage.gif);
    background-repeat: repeat-y;
}
Plone Site Setup ; Kupu settings
add "mytablename" to the list of available tables
to use, insert a mytablename with 1 row and 1 column
to indent the text in a table as above:
add this to ploneCustom.css:
TABLE.mytablename TR TD {
    width: 100%;
    padding-left: 36px;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-right: 50px;
}
(do not use padding in a TABLE itself as it is not consistent between IE and mozilla)
 
 replace the page title and description with an image... if the design requires it:
customize portal_skins/plone_content/document_view
comment out the H1 and P elements of class documentFirstHeading and documentDescription
replace documentFirstHeading with this:
<p tal:replace="structure python:getattr(container, here.id + '-title.jpg')" />
add FOO-title.jpg next to all the pages (fill in the Title fields which will become alt text for the image).
remove "site setup" and "accessibility" links:
uncheck "Visible?" on these in portal_actions
make the header the same width as the content:
Look at the style sheet, notice that #content and .documentContent have a total of 2em left and right padding
add this to ploneCustom.css:
#portal-top {
    padding: 0em 2em 0em 2em !important;
}
#portal-logo {
    margin-left: 0em;
}
 
get rid of the line below "you are here":
add this to ploneCustom.css:
#portal-breadcrumbs {
    border-bottom-width : 0;
}


Powered by Plone, the Open Source Content Management System