ParaEngineCssSkin < Main

ParaEngine CSS Skin. It will override PatternSkin site Wide. I made this mainly for the top bar.

More information, please see the PatternSkinCssCookbook

To add new css, just modified the attached css file.


---++ Using TFly 
TFly is used in MSDN for right top popup menu. see the raw code to see how to create the following popup menu

<LINK href="%PUBURLPATH%/%USERSWEB%/ParaEngineCssSkin/TFly.css" type=text/css rel=stylesheet></LINK>
<SCRIPT language=javascript src="%PUBURLPATH%/%USERSWEB%/ParaEngineCssSkin/TFly.js" type=text/javascript></SCRIPT>
<pre>
<DIV class=QuickLinksFlyoutStatic_pedn id=ParaEngineQuickLink 
style="POSITION: relative"><A class=QuickLinksFlyoutStaticLink_pedn 
id=ctl00_bnr_QuickLinks_ctrlFlyout_ctrlTitle title="ParaEngine.com Quick Links" 
href="javascript:void(0)"><SPAN>ParaEngine.com&nbsp;</SPAN></A>
<DIV class=QuickLinksFlyoutPopup id=ParaEngineQuickLink_Popup 
style="LEFT: -65534px; VISIBILITY: hidden; POSITION: absolute"><?xml version="1.0" encoding="utf-16"?>
<TABLE>
  <TBODY>
  <TR>
    <TD vAlign=top>
      <H4>Product Families</H4>
      <DIV class=list>
      <DIV class=listitem><A 
      href="http://www.pala5.com">ParaWorld</A></DIV>
      <DIV class=listitem><A 
      href="http://www.paratoon.com/en_01/">ParaToon</A></DIV>
      <DIV class=listitem><A 
      href="http://www.kids3dmovie.com/cn_01/">Kids Movie Creator</A></DIV>
      <DIV class=listitem><A 
      href="http://www.paraengine.com/">ParaEngine</A></DIV>
      <DIV class=listitem><A 
      href="http://www.paraengine.com/en/powerview.html">Virtual Reality Products</A></DIV>
      <DIV class=listitem><A 
      href="http://www.paraengine.com">Business Solutions</A></DIV>
      <DIV class=listitem><A 
      href="%PUBURLPATH%/%USERSWEB%/OfficialApps">ParaWorld Applications</A></DIV>
      </DIV></TD>
    <TD vAlign=top>
      <H4>Resources</H4>
      <DIV class=list>
      <DIV class=listitem><A 
      href="%PUBURLPATH%/%USERSWEB%/WebChanges">ParaWorld Update</A></DIV>
      <DIV class=listitem><A 
      href="%PUBURLPATH%/%USERSWEB%/BrowseApps">Application Update</A></DIV>
      <DIV class=listitem><A 
      href="%PUBURLPATH%/%USERSWEB%/DownloadCenter">Download Center</A></DIV>
      <DIV class=listitem><A href="%PUBURLPATH%/%USERSWEB%/HelpPortal">Help &amp; Support</A></DIV>
      <DIV class=listitem><A 
      href="%PUBURLPATH%/%USERSWEB%/VolumeLicensing">Volume Licensing</A></DIV></DIV>
      <H4>About ParaEngine</H4>
      <DIV class=list>
      <DIV class=listitem><A 
      href="%PUBURLPATH%/%USERSWEB%/ParaEngine">Company Information</A></DIV>
      <DIV class=listitem><A 
      href="%PUBURLPATH%/%USERSWEB%/InvestorRelations">Investor Relations</A></DIV>
      <DIV class=listitem><A 
      href="%PUBURLPATH%/%USERSWEB%/PressRelease">PressPass for journalists</A></DIV></DIV></TD>
    <TD vAlign=top>
      <H4>Popular Places</H4>
      <DIV class=list>
      <DIV class=listitem><A href="%PUBURLPATH%/%USERSWEB%/AppDevGuide">Developer Guide</A></DIV>
      <DIV class=listitem><A 
      href="%PUBURLPATH%/%USERSWEB%/NPL">NPL scripting language</A></DIV>
      <DIV class=listitem><A 
      href="%PUBURLPATH%/%InsidePE%/InitialUserExperience">Initial User Experience</A></DIV>
      <DIV class=listitem><A 
      href="%PUBURLPATH%/%USERSWEB%/ParaEngineAtWork">ParaEngine At Work</A></DIV>
      <DIV class=listitem><A 
      href="%PUBURLPATH%/InsidePE/ParaWorldProject">ParaWorld Project Dev</A></DIV>
      <DIV class=listitem><A 
      href="%PUBURLPATH%/InsidePE/PartnersDep">ParaEngine partners</A></DIV>
      <DIV class=listitem><A 
      href="%PUBURLPATH%/%USERSWEB%/EyeGlasses">3D eye glasses</A></DIV>
      <DIV class=listitem><A 
      href="%PUBURLPATH%/%USERSWEB%/ModGuide">3D art mod</A></DIV></DIV></TD></TR>
  <TR>
    <TD class=QuickLinksFlyoutPopupHr colSpan=10></TD>
  <TR>
    <TD vAlign=top>
      <H4>Popular Searches</H4>
      <DIV class=list>
      <DIV class=listitem><A 
      href="http://search.ParaEngine.com/results.aspx?mkt=en-US&amp;setlang=en-US&amp;q=templates">Templates</A></DIV>
      <DIV class=listitem><A 
      href="http://search.ParaEngine.com/results.aspx?q=activesync&amp;l=1&amp;mkt=en-US&amp;FORM=QBME1">ActiveSync</A></DIV>
      <DIV class=listitem><A 
      href="http://search.ParaEngine.com/results.aspx?q=clip+art&amp;l=1&amp;mkt=en-US&amp;FORM=QBME1">Clip 
      art</A></DIV></DIV></TD>
    <TD vAlign=top>
      <H4>Popular Downloads</H4>
      <DIV class=list>
      <DIV class=listitem><A 
      href="http://www.download.com/KidsMovieCreator/3000-2102_4-10624259.html?tag=lst-0-2">Kids Movie Creator (en)</A></DIV>
      <DIV class=listitem><A 
      href="http://www.ParaEngine.com/downloads/results.aspx?pocId=&amp;freetext=directx&amp;DisplayLang=en">DirectX End-User Runtime</A></DIV>
      <DIV class=listitem><A href="%PUBURLPATH%/%USERSWEB%/DownloadParaWorldPreview">ParaWorld Preview Edition</A></DIV></DIV></TD></TR></TBODY></TABLE></DIV>
<DIV class=TFlyPopupAnimate 
id=ParaEngineQuickLink_Anim></DIV></DIV>
<SCRIPT type=text/javascript>
//<![CDATA[
TFly_Init('ParaEngineQuickLink',0,0,1, 4,60,'QuickLinksFlyoutStaticHover_pedn','',100,400,'','','');
//]]>
</SCRIPT>
</pre>

---++ Others

-- Main.LiXizhi - 30 Mar 2008

   * [[%ATTACHURL%/style.css][style.css]]: style.css
Attachments
Topic attachments
I	Attachment	History	Action	Size	Date	Who
css	TFly.css	r4 r3 r2 r1	manage	4.4 K	2008-03-30 - 10:17	LiXizhi
js	TFly.js	r1	manage	4.9 K	2008-03-30 - 09:36	LiXizhi
css	style.css	r12 r11 r10 r9 r8	manage	2.5 K	2008-03-31 - 02:37	LiXizhi
Topic revision: r3 - 2008-03-31 - LiXizhi