Difference between revisions of "Websites"

From apertus wiki
Jump to: navigation, search
Line 30: Line 30:
=====CSS Theme Preview=====
=====CSS Theme Preview=====
  /sites/all/libraries/markitup/markitup/templates/preview.html must link to all the relevant CSS files currently in use in the theme.
  /sites/all/libraries/markitup/markitup/templates/preview.html must link to all the relevant CSS files currently in use in the theme.
This is hardcoded and must be changed when switching themes. Also the node structure that drupal creates must be emulated here so the class structure can be used 1:1.
This is hardcoded and must be changed when switching themes. Also the node structure that drupal creates must be emulated here so the class structure can be used 1:1 like the following:
<nowiki><div style="border:1px solid #BBB; padding:10px; width:879px;">
<div id="content">
<div class="content">
<div class="node">
<!-- content -->
</div>
</div>
</div>
</div></nowiki>





Revision as of 17:43, 6 February 2013

1 Drupal

This is about the new Apertus website, located at http://dev.apertus.org.

Its still in developmet but once finished will replace the current main website which will be archived (but stay online in a rea-only mode)

Drupal 7 install, with the twitter bootstrap theme.

1.1 Theming

There is a subtheme, called "apertus_bootstrap" which is in use now.

In this theme there is an apertus.css file.

Please try to respect the structure of this file:

  • google fonts imports (they must be the first items in this file, don't ask me why)
  • general typography
  • general page modifications
  • nodes
  • fields
  • views
  • ui

It makes it easier to find your way. General rule: as little css as possible, only override what is needed. Ask for help, make backups.

1.1.1 markitup editor

This wysiwyg editor is the perfect mix of the normal text editor for programmers and the colorful GUI of a real WYSIWYG editor that does not produce terribly bloated HTML.

1.1.1.1 CSS Theme Preview
/sites/all/libraries/markitup/markitup/templates/preview.html must link to all the relevant CSS files currently in use in the theme.

This is hardcoded and must be changed when switching themes. Also the node structure that drupal creates must be emulated here so the class structure can be used 1:1 like the following:

<div style="border:1px solid #BBB; padding:10px; width:879px;">
	<div id="content">
		<div class="content">
			<div class="node">
				<!-- content -->
			</div>
		</div>
	</div>
 </div>


The preview window size can be adapted to the size of the actual page container in

/sites/all/libraries/markitup/markitup/skins/simple/style.css

1.2 Todo

  • the link to Add Content -> Page in the top adminmenu is missing

-> one is empty, the other works, I cannt odelete the empty one for obscure reasons

  • add number of comments eg. "13 comments" to each item in blog and news view after teaser text (maybe with small speech bubble icon)