Animated txt in windows 7 style

How to add animated txt to shellstyle.dll for your theme

As most of you know with windows 7 and the details pane you have the information for the file you click on show there




With these few style edits in the shellstyle.dll of your theme you can animate the txt that is shown in this pane

so first go to your theme folder and then into the shell folder then into the normal color folder and open the shellstyle.dll in restorator

once open in restorator click on the UIFILE folder

then inside on the 1.txt



now at the top of restorator click the RC button and then the ab button this will allow you to be able to edit the txt in the file



now there are different effects you can add I like the expand txt but you can use others the codes for the different effects are as follows

- (if you choose the "expand" animation):
Code:
<element id="atom(animation)" animation="rectangle|exp|fast"/>
- or (if you choose the "fade out" animation) add :
Code:
<element id="atom(animation)" accessible="true" alpha="0" animation="alpha|s|veryslow"/>
- (if you choose the "position" animation):
Code:
<element id="atom(animation)" animation="position|exp|fast"/>
- (if you choose the "rectanglev" animation):
Code:
<element id="atom(animation)" animation="rectanglev|exp|fast"/>
- (if you choose the "rectangleh" animation):
Code:
<element id="atom(animation)" animation="rectangleh|exp|fast"/>

to see what the different sffects do watch these vids

Code:
https://www.youtube.com/watch?v=7N2pLm3wEww
Code:
https://www.youtube.com/watch?v=cFvZLkKbUdI
now I will post you a normal shellstyle.dll txt below and put in bold where you need to add the txt lines



<MetadataElement ThemeSubApp="DocumentsPreviewPaneControl" />
<element id="atom(animation)" animation="rectangle|exp|fast"/>NaN
<MetadataLabel foreground="themeable(gtc(PreviewPane, 6, 0, 3803), windowtext)" /> <MetadataElement foreground="themeable(gtc(PreviewPane, 7, 1, 3803), windowtext)" /> <if id="atom(PreviewMetadataControlEditable)"><MetadataDisplayElement foreground="themeable(gtc(PreviewPane, 7, 2, 3803), windowtext)" /></if> <if id="atom(PreviewMetadataEditControl)"> <InPlaceEdit foreground="themeable(gtc(PreviewPane, 7, 2, 3803), windowtext)" /></if> <if id="atom(PreviewMetadataSubTitleControl)"><MetadataElement foreground="themeable(gtc(PreviewPane, 6, 0, 3803), windowtext)" /></if> <if id="atom(PreviewMetadataTitleControl)"> <MetadataElement foreground="themeable(gtc(PreviewPane, 5, 0, 3803), windowtext)" /></if> <if id="atom(ItemCountLabel)"> <MetadataLabel foreground="themeable(gtc(PreviewPane, 7, 1, 3803), windowtext)" /></if> <PreviewMetadata padding="Rect(10rp, 5rp, 10rp, 3rp)" /> <MetadataDisplayElement contentalign="bottomleft | endellipsis" /> <if id="atom(PreviewMetadataRow)"> <Element height="18rp" /> </if> <if id="atom(PreviewMetadataControlEditable)"> <MetadataDisplayElement cursor="ibeam" /> <if KeyFocused="true"> <MetadataDisplayElement contentalign="focusrect | bottomleft | endellipsis" /> </if> </if> <if id="atom(PreviewMetadataEditControl)"> <InplaceEdit contentalign="bottomleft | endellipsis"/> </if> <if id="atom(PreviewMetadataReadOnlyControl)"> <InplaceEdit contentalign="bottomleft | endellipsis"/> </if> <if id="atom(PreviewForceLoadMetadata)"> <Button background="themeable(dtb(PreviewPane, 2, 1), ARGB(0, 0, 0, 0))" foreground="gtc(FlyoutStyle, 3, 3, 3803)" cursor="hand" contentalign="bottomleft" font="gtf(TEXTSTYLE, 4, 0)" height="18rp" /> <if MouseFocused="true"> <Button background="themeable(dtb(PreviewPane, 2, 2), ARGB(0, 0, 0, 0))" /> </if> <if KeyFocused="true"> <Button contentalign="focusrect | bottomleft" /> </if> </if> <PreviewThumbnail padding="Rect(18rp, 4rp, 4rp, 4rp)" background="ARGB(0, 0, 0, 0)" /> <if id="atom(PreviewMetadataTitleControl)"> <MetadataElement font="menufont;110%" height="18rp" /> </if> <if id="atom(PreviewMetadataSubTitleControl)"> <MetadataElement font="gtf(TEXTSTYLE, 4, 0)" height="18rp" /> </if> <if id="atom(PreviewMetadataControl)"> <MetadataElement font="gtf(TEXTSTYLE, 4, 0)" contentalign="bottomleft | endellipsis" /> </if> <if id="atom(ItemCountLabel)"> <MetadataLabel font="menufont;110%" contentalign="bottomleft | endellipsis" height="18rp" /> </if> <if id="atom(PreviewMetadataSpacer)"> <Element height="18rp" /> </if> <if id="atom(PreviewEditMetadata)"> <Element height="18rp" /> </if> <MetadataLabel padding="Rect(0rp, 0rp, 3rp, 0rp)" font="gtf(TEXTSTYLE, 4, 0)" contentalign="bottomright | endellipsis" height="18rp" />



<MetadataElement ThemeSubApp="GenericPreviewPaneControl" />
<element id="atom(animation)" animation="rectangle|exp|fast"/>

<if id="atom(clientviewhost)">

<ViewHost

foreground="windowtext"

background="themeable(gtc(ItemsView, 0, 0, 3802), window)"

sortcolumn="themeable(gtc(ItemsView, 0, 0, 3802), window)"

subtext="ARGB(255, 139, 139, 139)"

/>

</if>

<MetadataLabel foreground="themeable(gtc(PreviewPane, 6, 0, 3803), windowtext)" /> <MetadataElement foreground="themeable(gtc(PreviewPane, 7, 1, 3803), windowtext)" /> <if id="atom(PreviewMetadataControlEditable)"><MetadataDisplayElement foreground="themeable(gtc(PreviewPane, 7, 2, 3803), windowtext)" /></if> <if id="atom(PreviewMetadataEditControl)"> <InPlaceEdit foreground="themeable(gtc(PreviewPane, 7, 2, 3803), windowtext)" /></if> <if id="atom(PreviewMetadataSubTitleControl)"><MetadataElement foreground="themeable(gtc(PreviewPane, 6, 0, 3803), windowtext)" /></if> <if id="atom(PreviewMetadataTitleControl)"> <MetadataElement foreground="themeable(gtc(PreviewPane, 5, 0, 3803), windowtext)" /></if> <if id="atom(ItemCountLabel)"> <MetadataLabel foreground="themeable(gtc(PreviewPane, 7, 1, 3803), windowtext)" /></if> <PreviewMetadata padding="Rect(10rp, 5rp, 10rp, 3rp)" /> <MetadataDisplayElement contentalign="bottomleft | endellipsis" /> <if id="atom(PreviewMetadataRow)"> <Element height="18rp" /> </if> <if id="atom(PreviewMetadataControlEditable)"> <MetadataDisplayElement cursor="ibeam" /> <if KeyFocused="true"> <MetadataDisplayElement contentalign="focusrect | bottomleft | endellipsis" /> </if> </if> <if id="atom(PreviewMetadataEditControl)"> <InplaceEdit contentalign="bottomleft | endellipsis"/> </if> <if id="atom(PreviewMetadataReadOnlyControl)"> <InplaceEdit contentalign="bottomleft | endellipsis"/> </if> <if id="atom(PreviewForceLoadMetadata)"> <Button background="themeable(dtb(PreviewPane, 2, 1), ARGB(0, 0, 0, 0))" foreground="gtc(FlyoutStyle, 3, 3, 3803)" cursor="hand" contentalign="bottomleft" font="gtf(TEXTSTYLE, 4, 0)" height="18rp" /> <if MouseFocused="true"> <Button background="themeable(dtb(PreviewPane, 2, 2), ARGB(0, 0, 0, 0))" /> </if> <if KeyFocused="true"> <Button contentalign="focusrect | bottomleft" /> </if> </if> <PreviewThumbnail padding="Rect(18rp, 4rp, 4rp, 4rp)" background="ARGB(0, 0, 0, 0)" /> <if id="atom(PreviewMetadataTitleControl)"> <MetadataElement font="menufont;110%" height="18rp" /> </if> <if id="atom(PreviewMetadataSubTitleControl)"> <MetadataElement font="gtf(TEXTSTYLE, 4, 0)" height="18rp" /> </if> <if id="atom(PreviewMetadataControl)"> <MetadataElement font="gtf(TEXTSTYLE, 4, 0)" contentalign="bottomleft | endellipsis" /> </if> <if id="atom(ItemCountLabel)"> <MetadataLabel font="menufont;110%" contentalign="bottomleft | endellipsis" height="18rp" /> </if> <if id="atom(PreviewMetadataSpacer)"> <Element height="18rp" /> </if> <if id="atom(PreviewEditMetadata)"> <Element height="18rp" /> </if> <MetadataLabel padding="Rect(0rp, 0rp, 3rp, 0rp)" font="gtf(TEXTSTYLE, 4, 0)" contentalign="bottomright | endellipsis" height="18rp" />

<Sizer background="ARGB(0, 0, 0, 0)" /> <if SlidesUpAndDown="true"> <Sizer height="5rp" cursor="sizens" /> </if> <if SlidesUpAndDown="false"> <Sizer width="3rp" cursor="sizewe" /> </if> <if id="atom(PreviewPaneSizer)"> <Sizer background="themeable(ARGB(0, 0, 0, 0), buttonface)" /> </if> <if id="atom(PageSpaceControlSizer)"> <Sizer background="themeable(dtb(PreviewPane, 3, 0), buttonface)" borderthickness="rect(0rp,0rp,0rp,0rp)" /> </if> <if id="atom(ReadingPaneSizer)"> <Sizer background="themeable(dtb(PreviewPane, 4, 0), buttonface)" borderthickness="rect(0rp,0rp,0rp,0rp)" /> </if> <if id="atom(ProperTreeExpandoSizer)"><Sizer background="buttonface" bordercolor="buttonhighlight" borderstyle="solid" borderthickness="rect(0rp,1rp,0rp,1rp)" height="4rp" /> </if> <if id="atom(PreviewPaneSizer)"> <Sizer InitialSize="53" MinSize="53" ReservedSpace="170" FramePersistType="2" /> </if> <if id="atom(CommonItemDialogSizer)"> <Sizer InitialSize="100" MinSize="100" FramePersistType="2" /> </if> <if id="atom(PageSpaceControlSizer)"> <Sizer InitialSize="160" MinSize="60" ReservedSpace="132" FramePersistType="2" ReservedMaster="atom(ReadingPane)" /> </if> <if id="atom(ProperTreeExpandoSizer)"><Sizer InitialSize="120" ReservedSpace="26" FramePersistType="2" InitialMaxxedOut="true" /> </if> <if id="atom(PreviewPaneSizer)"> <Sizer ExplorerVisibility="{43abf98b-89b8-472d-b9ce-e69b8229f019}" DisablingPolicy="{17067f8d-981b-42c5-98f8-5bc016d4b073}"/> </if> <if id="atom(ReadingPaneSizer)"> <Sizer ExplorerVisibility="{893c63d1-45c8-4d17-be19-223be71be365}" DisablingPolicy="{33dcce8d-b6f8-4b7a-ac93-45e301f956aa}" /> </if> <if id="atom(PageSpaceControlSizer)"> <Sizer ExplorerVisibility="{cb316b22-25f7-42b8-8a09-540d23a43c2f}" /> </if> <if id="atom(ReadingPaneSizer)"> <Sizer InitialSize="260" MinSize="68" ReservedSpace="202" GrowTargetFirst="true" ReservedMaster="atom(PageSpaceControlSizer)" FramePersistType="3" InitialVisibility="false" /> </if>

<TemplateBackground background="ARGB(0, 0, 0, 0)" /> <if id="atom(ReadingPane)"><TemplateBackground background="themeable(Gradient(gtc(ReadingPane, 1, 0, 3810), gtc(ReadingPane, 1, 0, 3811), gtc(ReadingPane, 1, 0, 3812), 4), window)" font="gtf(TextStyle, 4, 0)" /></if> <if id="atom(RPaneCoverSheet_NoSel)"><Element foreground="themeable(gtc(ReadingPane, 2, 0, 3803), windowtext)" background="ARGB(0, 0, 0, 0)" /> </if>

<if id="atom(PreviewShineLayer)"> <TemplateBackground background="themeable(dtb(PreviewPane, 1, 1), window)" /> </if> <if Vertical="true" id="atom(PreviewShineLayer)"> <TemplateBackground background="themeable(dtb(PreviewPane, 1, 2), window)" /></if>

</style>

<style resid="musiclayoutstyle">

<if id="atom(PreviewContainer)">

<Element

padding="rect(10rp, 8rp, 8rp, 8rp)"

/>

</if>

<if id="atom(ReadingPane)">

<Element

padding="rect(4rp, 4rp, 4rp, 4rp)"

/>

</if>

<MetadataElement ThemeSubApp="MusicPreviewPaneControl" />
<element id="atom(animation)" animation="rectangle|exp|fast"/>

<if id="atom(clientviewhost)">

<ViewHost

foreground="windowtext"

background="themeable(gtc(ItemsView, 0, 0, 3802), window)"

sortcolumn="themeable(gtc(ItemsView, 0, 0, 3802), window)"

subtext="ARGB(255, 139, 139, 139)"

/>

</if>

<MetadataLabel foreground="themeable(gtc(PreviewPane, 6, 0, 3803), windowtext)" /> <MetadataElement foreground="themeable(gtc(PreviewPane, 7, 1, 3803), windowtext)" /> <if id="atom(PreviewMetadataControlEditable)"><MetadataDisplayElement foreground="themeable(gtc(PreviewPane, 7, 2, 3803), windowtext)" /></if> <if id="atom(PreviewMetadataEditControl)"> <InPlaceEdit foreground="themeable(gtc(PreviewPane, 7, 2, 3803), windowtext)" /></if> <if id="atom(PreviewMetadataSubTitleControl)"><MetadataElement foreground="themeable(gtc(PreviewPane, 6, 0, 3803), windowtext)" /></if> <if id="atom(PreviewMetadataTitleControl)"> <MetadataElement foreground="themeable(gtc(PreviewPane, 5, 0, 3803), windowtext)" /></if> <if id="atom(ItemCountLabel)"> <MetadataLabel foreground="themeable(gtc(PreviewPane, 7, 1, 3803), windowtext)" /></if> <PreviewMetadata padding="Rect(10rp, 5rp, 10rp, 3rp)" /> <MetadataDisplayElement contentalign="bottomleft | endellipsis" /> <if id="atom(PreviewMetadataRow)"> <Element height="18rp" /> </if> <if id="atom(PreviewMetadataControlEditable)"> <MetadataDisplayElement cursor="ibeam" /> <if KeyFocused="true"> <MetadataDisplayElement contentalign="focusrect | bottomleft | endellipsis" /> </if> </if> <if id="atom(PreviewMetadataEditControl)"> <InplaceEdit contentalign="bottomleft | endellipsis"/> </if> <if id="atom(PreviewMetadataReadOnlyControl)"> <InplaceEdit contentalign="bottomleft | endellipsis"/> </if> <if id="atom(PreviewForceLoadMetadata)"> <Button background="themeable(dtb(PreviewPane, 2, 1), ARGB(0, 0, 0, 0))" foreground="gtc(FlyoutStyle, 3, 3, 3803)" cursor="hand" contentalign="bottomleft" font="gtf(TEXTSTYLE, 4, 0)" height="18rp" /> <if MouseFocused="true"> <Button background="themeable(dtb(PreviewPane, 2, 2), ARGB(0, 0, 0, 0))" /> </if> <if KeyFocused="true"> <Button contentalign="focusrect | bottomleft" /> </if> </if> <PreviewThumbnail padding="Rect(18rp, 4rp, 4rp, 4rp)" background="ARGB(0, 0, 0, 0)" /> <if id="atom(PreviewMetadataTitleControl)"> <MetadataElement font="menufont;110%" height="18rp" /> </if> <if id="atom(PreviewMetadataSubTitleControl)"> <MetadataElement font="gtf(TEXTSTYLE, 4, 0)" height="18rp" /> </if> <if id="atom(PreviewMetadataControl)"> <MetadataElement font="gtf(TEXTSTYLE, 4, 0)" contentalign="bottomleft | endellipsis" /> </if> <if id="atom(ItemCountLabel)"> <MetadataLabel font="menufont;110%" contentalign="bottomleft | endellipsis" height="18rp" /> </if> <if id="atom(PreviewMetadataSpacer)"> <Element height="18rp" /> </if> <if id="atom(PreviewEditMetadata)"> <Element height="18rp" /> </if> <MetadataLabel padding="Rect(0rp, 0rp, 3rp, 0rp)" font="gtf(TEXTSTYLE, 4, 0)" contentalign="bottomright | endellipsis" height="18rp" />

<Sizer background="ARGB(0, 0, 0, 0)" /> <if SlidesUpAndDown="true"> <Sizer height="5rp" cursor="sizens" /> </if> <if SlidesUpAndDown="false"> <Sizer width="3rp" cursor="sizewe" /> </if> <if id="atom(PreviewPaneSizer)"> <Sizer background="themeable(ARGB(0, 0, 0, 0), buttonface)" /> </if> <if id="atom(PageSpaceControlSizer)"> <Sizer background="themeable(dtb(PreviewPane, 3, 0), buttonface)" borderthickness="rect(0rp,0rp,0rp,0rp)" /> </if> <if id="atom(ReadingPaneSizer)"> <Sizer background="themeable(dtb(PreviewPane, 4, 0), buttonface)" borderthickness="rect(0rp,0rp,0rp,0rp)" /> </if> <if id="atom(ProperTreeExpandoSizer)"><Sizer background="buttonface" bordercolor="buttonhighlight" borderstyle="solid" borderthickness="rect(0rp,1rp,0rp,1rp)" height="4rp" /> </if> <if id="atom(PreviewPaneSizer)"> <Sizer InitialSize="53" MinSize="53" ReservedSpace="170" FramePersistType="2" /> </if> <if id="atom(CommonItemDialogSizer)"> <Sizer InitialSize="100" MinSize="100" FramePersistType="2" /> </if> <if id="atom(PageSpaceControlSizer)"> <Sizer InitialSize="160" MinSize="60" ReservedSpace="132" FramePersistType="2" ReservedMaster="atom(ReadingPane)" /> </if> <if id="atom(ProperTreeExpandoSizer)"><Sizer InitialSize="120" ReservedSpace="26" FramePersistType="2" InitialMaxxedOut="true" /> </if> <if id="atom(PreviewPaneSizer)"> <Sizer ExplorerVisibility="{43abf98b-89b8-472d-b9ce-e69b8229f019}" DisablingPolicy="{17067f8d-981b-42c5-98f8-5bc016d4b073}"/> </if> <if id="atom(ReadingPaneSizer)"> <Sizer ExplorerVisibility="{893c63d1-45c8-4d17-be19-223be71be365}" DisablingPolicy="{33dcce8d-b6f8-4b7a-ac93-45e301f956aa}" /> </if> <if id="atom(PageSpaceControlSizer)"> <Sizer ExplorerVisibility="{cb316b22-25f7-42b8-8a09-540d23a43c2f}" /> </if> <if id="atom(ReadingPaneSizer)"> <Sizer InitialSize="260" MinSize="68" ReservedSpace="202" GrowTargetFirst="true" ReservedMaster="atom(PageSpaceControlSizer)" FramePersistType="3" InitialVisibility="false" /> </if>

<TemplateBackground background="ARGB(0, 0, 0, 0)" /> <if id="atom(ReadingPane)"><TemplateBackground background="themeable(Gradient(gtc(ReadingPane, 1, 0, 3810), gtc(ReadingPane, 1, 0, 3811), gtc(ReadingPane, 1, 0, 3812), 4), window)" font="gtf(TextStyle, 4, 0)" /></if> <if id="atom(RPaneCoverSheet_NoSel)"><Element foreground="themeable(gtc(ReadingPane, 2, 0, 3803), windowtext)" background="ARGB(0, 0, 0, 0)" /> </if>

<if id="atom(PreviewShineLayer)"> <TemplateBackground background="themeable(dtb(PreviewPane, 1, 1), window)" /> </if> <if Vertical="true" id="atom(PreviewShineLayer)"> <TemplateBackground background="themeable(dtb(PreviewPane, 1, 2), window)" /></if>

</style>

<style resid="photolayoutstyle">

<if id="atom(PreviewContainer)">

<Element

padding="rect(10rp, 8rp, 8rp, 8rp)"

/>

</if>

<if id="atom(ReadingPane)">

<Element

padding="rect(4rp, 4rp, 4rp, 4rp)"

/>

</if>

<MetadataElement ThemeSubApp="PhotoPreviewPaneControl" />
<element id="atom(animation)" animation="rectangle|exp|fast"/>

<if id="atom(clientviewhost)">

<ViewHost

foreground="windowtext"

background="themeable(gtc(ItemsView, 0, 0, 3802), window)"

sortcolumn="themeable(gtc(ItemsView, 0, 0, 3802), window)"

subtext="ARGB(255, 139, 139, 139)"


as you can see the 4 spots for them are you just add the txt after the metdataelement themesubapp line in each case

Code:
MetadataElement ThemeSubApp="DocumentsPreviewPaneControl" />
<element id="atom(animation)" animation="rectangle|exp|fast"/>
Code:
<MetadataElement ThemeSubApp="MusicPreviewPaneControl" />
<element id="atom(animation)" animation="rectangle|exp|fast"/>
Code:
<MetadataElement ThemeSubApp="GenericPreviewPaneControl" />
<element id="atom(animation)" animation="rectangle|exp|fast"/>
Code:
<MetadataElement ThemeSubApp="PhotoPreviewPaneControl" />
<element id="atom(animation)" animation="rectangle|exp|fast"/>
save the file in restorator and you now have animated txt in your details payne

thanks to rajtheban95 for his tut and psych0t1c for the shellstyle info
ewPaneControl" />
<element id="atom(animation)" animation="rectangle|exp|fast"/>