http://www.shape5.com

joomla中文  时间:2021-05-08  阅读:()
VertexFrameworkhttp://www.
shape5.
comVertexFrameworkGuidehttp://www.
shape5.
comJoomlaVertexhttp://www.
shape5.
comhttp://www.
shape5.
comTheS5VertexFrameworkisasetoffunctionalitythatcreatesthecorelogicandstructureofatemplate.
ThepurposeoftheS5Vertexframeworkistounifythelayouts,designs,andfunctionsthatShape5hasbuiltovertheyearstocreateoneofthemostflexible,robustandpowerfultemplateblueprintsavailable!
TheS5VertexFrameworkisusedinalltemplatesreleasedafterJune2011.
StartbuildingyournewsitesonVertexToday!
Copyright2012Shape5.
comRevisionHistoryVertex2.
0–6/15/2012InitialReleaseforVertex1.
0–5/15/2011TableofContents:1.
Preamble12.
VertexFrameworkRequirements.
22.
1ServerRequirements2.
2BrowserCompatibility2.
3Installation2.
4Download3.
TemplateSpecific.
44.
Layout–Fixed,Fluid,ResponsiveandMobile54.
1Overview-Fixed,Fluid4.
2ResponsiveIntroduction4.
3HowResponsiveWorksinVertex4.
4ColumnSizes,SmallTablets,andMobile4.
5IE7andResponsive4.
6ResponsiveHowTo's5.
Menu125.
1Overview5.
2InstallingthePlugin5.
3EnablingtheMootoolsUpgradePlugin5.
4WheretoConfigureMenuItems5.
5SplittingaMenuintoMultipleColumns5.
6PublishingaModuletotheMenu5.
7GroupingChildrenUnderTheirParent5.
8SettinguptheSubText5.
9AddingaMenuIcon5.
10ConfiguringEffects,MenuSelection,DelaysandOrientation5.
11MenuFlexibility6.
RowSizes21http://www.
shape5.
com6.
1BriefOverview6.
2ChangingModuleSizes7.
General238.
Javascripts248.
1Multibox8.
2LazyLoad8.
3Tooltips8.
4InfoSlide9.
FixedTabs2810.
DropDown2811.
AdvancedUsers2911.
1HowToAddaNewModulePositioninVertex11.
2HowToAddNewAdminOptions11.
3WherearealltheJoomlafunctionsdefined12.
FAQ321.
PreambleThecontentofthisdocumentisrelatedtotheShape5Vertextemplateframework.
VertexFrameworkislicensedunderGNU/GPLAllimages,CSS,php,andJavascriptareShape52012TheSoftware'VertexFramework'isintendedforuseinJoomla!
(1.
6+)(Joomla!
isfreeSoftware,licensedunderGNU/GPL;Joomla!
isavailablefromwww.
joomla.
org[http://www.
joomla.
org])2.
VertexFrameworkRequirements/Installation2.
1ServerRequirementsTheVertexFrameworkhasthefollowingSystemRequirements:PHPversion5.
2.
16orhigher-http://www.
php.
nethttp://www.
shape5.
comJoomla!
1.
6.
xorhigher-http://www.
joomla.
org2.
2BrowserCompatibilityVertexFrameworkiscompatiblewithmostmajorbrowsersincluding:InternetExplorer(version7.
0+),Firefox,Chrome,Safari,2.
3InstallationPleaserefertohttp://www.
shape5.
com/joomla_tutorials.
htmlforinstallationinstructionsonaVertexSiteShaperorjustthetemplateitself.
2.
4DownloadThenewestversionoftheVertexFrameworkisavailableunderthedownloadssectionofshape5.
comonceyouareloggedin:http://www.
shape5.
com/component/option,com_docman/Itemid,96/task,cat_view/gid,190/Pleaserefertothefollowingpageformoreinformation:http://www.
shape5.
com/joomla/framework/vertex_framework.
html3.
TemplateSpecificEverytemplatebuiltonVertexalsocomeswithitsownuniquetemplatespecificoptionsapplicabletothatparticulartemplatesuchashighlightcolors,socialicons,andmuchmore.
ThesefeaturesareinadditiontothestandardfunctionsofVertex,andarestillcontrolledthroughtheveryuserfriendlyinterfaceofVertex.
Thebelowscreenshotisanexampleofatemplatewiththeseoptions:http://www.
shape5.
com4.
Layout-Fixed,Fluid,ResponsiveandMobile4.
1OverviewVertexincludesaswitchbetweenfluidandfixedlayoutssoifyoupreferfluidyoucaneasilyswitchtothislayout.
Asyoucanseefromthepicturebelowyoucanadjustthewidthofanycolumnonthepage,aswellasthebodywidthandmaxbodywidth.
Lastly,we'vedesignedthearticlestoloadbeforetheleftandrightcolumnsforSEOoptimization.
TheyarerepositionedwithCSSsovisuallyyouseenodifferenceinthelayout.
http://www.
shape5.
com4.
2ResponsiveIntroductionVertexgivesyoutheoptiontoenableordisabletheresponsivelayoutfeatureontemplatesbuiltwithVersion2andhigher.
Responsivecanbeenabledwhileusingeitherthefluidorfixedlayoutabovegivingyoutheultimateflexibilityincreatingyoursite!
BesuretoreviewourResponsiveBestPracticestutorialforspecificinformationaboutsettinguparesponsivelayoutwebsite.
YoucanalsohideareasonVertexsuchasrowsofmodules.
Soforexampleonatabletormobilephoneyoumaynotwantallthemodulesandrowsvisibleasoncetheystartstackingoneachothertheverticalscrollingmaybecomequitelargeorsomemodulesmaynotbedesignedforresponsivestylewebsites.
Asyouwillnoticefrombelowscreenshotyoucanselectdifferentareasontheframeworkwhereyouwouldliketohidetheserowsofmoduleswhenthescreenisatabletormobile.
SimplyselecttheareathatyouwanttohideandtheVertexframeworktakescareoftherest!
Thesefieldsdoworkindependentofeachother,soifyouwanttohidesomethingonbothtabletandmobilesizedscreensyoumustselectthesameareaonbothfields.
http://www.
shape5.
com4.
3HowResponsiveWorksinVertexTheresponsivefeatureofVertexusesmediaqueriestoactivateCSSatcertainscreenwidths.
OneofthebiggestadvantagestotheVertexResponsiveLayoutisthatwestartthelayoutasifitweredesignedforadesktopviewer,andthensimplyreduce,modify,orremovecertainsectionsorfontsizesbasedonthesizeoftheuser'sscreen.
Whenthescreenchangesitwilladjustasdescribedbelow.
Themajorityofrowsandcolumnswillnotchangetheirbasicstylingorpositionsuntiltheyreachthemobileversion.
Again,onlyminoradjustmentsaremadeonvaryingscreensizessothatyoualwaysknowwhatyoursitewilllooklikeandwherecontentwillbeplaced!
Ifthecolumnwidthoptionisenabled,thebodyissettofluid,andthebodywidthreaches1300pxthecolumnsizeswillincreaseby30%.
Ifitreaches1900pxtheywillincreaseby60%.
Ifitreaches2500pxtheywillincreaseby90%.
Ifyouareusingthemax-bodywidthcalculationsthecolumnwidthswillbebasedoffofthissettinginsteadofscreenwidth.
Between971pxand1300pxnochangeswilloccurtothelayout.
Thisisthestandarddesktopviewofthetemplate.
At970px(astandard10inchtabletscreen)thebodywidthwillbecomefluidandwillfillmostoftheviewingarea.
Iftheinsetcolumnsareusedonthepagetheywillbecombinedintotheiradjacentcolumnstocreateonecolumntoincreasethecentercolumn'savailablewidth.
At750px(astandard7inchtabletscreen)themobilenavigationbarwillappearforeasiernavigation.
Ifthecolumnwidthoptionforsmalltabletsisenabledyoucansetthecentercolumntostaytheiroriginalsizes,reducethewidthby20%,orstackintoonecolumn.
http://www.
shape5.
comAt580px(astandardmobiledevicesize)theentirebodywillbecomeonesinglecolumnandmodulestackontopofeachother.
Someadjustmentstotheheaderandfooterwilloccur.
Belowareillustrationsofthecentercolumnsonlyinthescenariosdescribedabove.
4.
4ColumnSizes,SmallTablets,andMobileIfyouaredesigningyoursiteforverywidescreensaswellasstandarddesktopscreens,thenconsiderenablingtheColumnWidthIncreasefeature.
Ifthebodywidthissettofluidthentheleft,left_inset,left_top,left_bottom,right,right_inset,right_top,andright_bottompositionswillincreasetheirwidthsforlargerscreenstokeepeverythingproportionate.
Ifthebodywidthreaches1300pxthissizewillincreaseby30%.
Ifitreaches1900pxitwillincreaseby60%.
Ifitreaches2500pxitwillincreaseby90%.
Ifyouareusingthemax-bodywidthcalculationswillbebasedoffofthissettinginsteadofscreenwidth.
Theoriginalwidthsarecalculatedinthegenerallayoutarea.
Forsmallerscreensitisoftenhardtomakeallofyourcontentfitinthemaincentercolumns.
Ifthescreensizereaches750pxyouhavetheoptiontokeepthewidthsofthecentercolumnshowtheyare,reducethemby20%,orstackthemontopofeachotherinasinglecolumn.
Thisoptionismeantfor7inchtabletsandaffectsthemaincentercolumnsonly.
At580pxallpositionswillbecomeasinglecolumnformobiledevices.
Whenthescreensizereaches750pxwide(anythingsmallerthanastandard10inchtablet),anavigationbarwillappearacrossthetopofthesiteandthebottom.
Thisbarreplacesthemainmenu,login,register,andsearch,foreasieruseronmobiledevices.
Intheconfigurationyoucanchoosewhattoenableonthesebarsaswellaschangethecolorsandstylehoweveryouwouldlike.
Eventhoughthisisaresponsivelayoutandthereisnoseparatelayoutpageformobiledevices,thatdoesnotmeanthatyoursite'sviewerswillunderstandthisorevenknowwhataresponsivelayoutis.
Ithasbecomeastandardforwebsitesthatuseamobilelayouttohavealinktoviewthedesktopviewofthewebsite,andthisiswhatyoursiteviewerswillexpecttosee.
Thislinksimplyturnsofftheresponsiveconfigurationusingacookieandcallsthewebsitelikeastandarddesktopwouldwhenviewinginmobile.
Thereisthenalinktoreturnbacktothemobileviewofthesitepresented.
http://www.
shape5.
com4.
5IE7andResponsiveIE7andIE8donotinherentlysupportcssmediaqueries,whichiswhatmakesresponsivelayoutspossible.
Becauseofthisjavascriptisneededtoaddthesefunctionstothebrowsers.
Javascriptcanaffectsiteperformance,soifyouexperienceanyslownessonyoursiteusingIE7andIE8simplyturnresponsiveoffforthesebrowsers.
WhenitisdisabledtheIE7andIE8willsimplyusethedefaultbodywidthandfixed/fluidsettingsfromtheGeneralLayoutsection.
Keepinmindthattheprimarytargetofresponsivelayoutsshouldbefortabletsandmobiledevices,whereIE7andIE8donotexist.
Whenyousetamax-widthtoanimageorinputboxandsayyousetittomax-width:100%itdoesn'tlookatthesurroundingDIV'swidth,itlooksatthewidth+padding.
SoiftheDIVhaspaddingonitthenitstretchespasttheDIV.
We'veaddedthebelow.
http://www.
shape5.
com-webkit-box-sizing:border-box;/*Safari/Chrome,otherWebKit*/-moz-box-sizing:border-box;/*Firefox,otherGecko*/box-sizing:border-box;/*Opera/IE8+*/ThistellsittostrictlylookattheDIV'swidthandtheneverythingworksfine.
IE8supportsitbutIE7doesnot.
SoforimagesinIE7we'vejustaddedthefollowing:img.
ie7,img.
boxed,img.
boxed_black,img.
padded{max-width:95%!
important;}Soimageswiththoseclassnameswillnevergetlargerthan95%.
We'veaddedinaclass"ie7"thatsomeonecanaddiftheyneeditto.
SojustremembertocheckyoursiteinIE7tobesureallimagesareshowingproperlyinresponsivemode.
4.
6ResponsiveHowTo'sHideSpecificModulesviatheHideClassesForacompletelistofHideClassesdownloadourResponsiveBestPracticesdocumentfromthetutorialspage:http://www.
shape5.
com/joomla_tutorials.
htmlIfyouhaveonlyaspecificmodulethatyouwouldliketohideatcertainscreensizes,andnotanentiresectionofthetemplate,thisisthebestapproach.
Thisisimportant,ahideclassshouldbeusedtohideanentiremoduleposition,butratheraspecificmodulepublishedtothatposition.
Inotherwordsifyouhavetwomodulespublishedtothesamepositionyoucanhideone,butnotboth,orthelayoutwillbewrong.
Ahideclassisaclassthatcanbeappliedtoanyelementonthepageandhidesthatparticularelementatcertainscreensizes.
Classesrangein100pxincrementsforlargescreensand50pxincrementsforsmallscreens.
Usethesesparinglyifyoucan.
Asarecommendation,theprimarytargetoftheseclassesshouldfocusontabletandmobilesizedscreens.
Widescreenmonitorsvaryinsizesoit'smuchhardertousetheseclassescorrectlyforlargemonitors.
Tabletandmobiledevicesaremuchmoreconsistentinsizesoitismucheasiertoapplythesmallerhideclasses.
Forexample,sayyouwanttohideaspecificmodulewhenthescreensizesreaches900pxwide,andremainhiddenforanyscreenbelow900px.
Simplyaddclass=hide_900tothetitleofthemodulelikethis:Theclassissimplyputintothetitleofthemodule.
Theremustbeaspacejustbeforeclass=,anddon'tworry,theclassareaofthetitlewon'tactuallyshowonthelivesite,it'sonlyshowninthebackend.
Itmustbeenteredexactlyasshownabove.
Thetitlecanbepublishedorunpublished,ithttp://www.
shape5.
comdoesnotmatterwhich.
Simplyaddingtheclassestothetitlewillapplytheclassestotheentiremodule.
WhatifyouwantittohidethemoduleonlyforacertainrangeThat'seasyjustadd_onlytotheendoftheclassname.
hide_900_onlywillonlyhidethatelementfrom900pxtothenextincrementinthehideclasses,whichis850px.
Soitwillonlybehiddenfrom850pxto900px.
Youcanalsoaddmultipleclassestothetitlelikethisclass=hide_900_onlyhide_850_onlywhichwillapplybothclassestothemodule.
WhatifyouwanttohidethemoduleandthenshowitagainlaterThat'ssimple,useshow_intheclassinsteadofhide_.
Thiswillmakethemoduleshowforthespecifiedsizenomatterwhatothersettingsareonthemodule.
Soifyouwanttohidethemodulefrom1000pxandbelow,butyouwanttoshowitagainlaterthendosomethinglikethefollowingclass=hide_1000show_600.
Thiswillhidethemodulefrom600pxto1000px.
IsthereamoresimplewayYes,ofcourse,theabovedirectionsareforexperienceduserswhowanttotweaktheircontentforeveryavailablescreensize.
Ifyoudon'twanttomessaroundwithspecificwindowsizessimplyusethefollowingclassesinstead,whichhavepresetscreensizesappliedtothem:hide_wide_screenhide_standard_screenhide_large_tablethide_small_tablethide_mobileshow_wide_screenshow_standard_screenshow_large_tabletshow_small_tabletshow_mobileHideSpecificContentviatheHideClassesIfyouhaveonlyspecificcontentorimageswithinanarticleormodulethatyouwanttohidethenusethesamehideclassesdescribedabove,butwrapthatspecificcontentinsideoftheclassinsteadofapplyingittotheentiremodule.
Forexample,intheimagebelow,thethirdparagraphwillhideat900pxandthenshowagainat700px.
ForacompletelistofHideClassesdownloadourResponsiveBestPracticesdocumentfromthetutorialspage:http://www.
shape5.
comhttp://www.
shape5.
com/joomla_tutorials.
html5.
Menu5.
1OverviewTheS5FlexMenusystemisaverypowerfulpluginthatprovidesfunctionalityfarbeyondwhatthestandardJoomlamenusystemcanprovide.
ThispluginisintendedtobeasanextensionoftheexistingmenusysteminJoomlatoaddmanynewfeatures.
ThispluginmayonlybeusedwithShape5templatesspecificallydesignedaroundthisplugin.
Ifatemplateiscompatiblewiththispluginitwillbespecifiedonthetemplate'sdemopageathttp://demo.
shape5.
com.
5.
2InstallingthePlugin1.
IfyouhaveinstalledaShape5templateusingasiteshapertheS5FlexMenupluginisalreadyincludedandinstallationisnotnecessary.
IfyouhaveinstalledatemplateintoanexistingJoomlainstallationtheninstallationisrequiredforthemenusystemtoperformcorrectly.
2.
InJoomla1.
5'sbackendnavigatetoExtensions/InstallandUninstall.
InJoomla1.
6navigatetoExtensions/ExtensionsManager.
3.
Browsefortheplugin'szipfileandclickUpload&Install4.
OncethepluginisinstallednavigatetoExtensions/PluginManagerhttp://www.
shape5.
com5.
Onceonthepluginmanagerpagesearchfor"S5FlexMenu"andenabletheplugin5.
3EnablingtheMootoolsUpgradePlugin1.
ThisstepisonlynecessaryifyouareusingJoomla1.
5.
Thismenurequiremootools1.
2orhigher.
2.
NavigatetotheExtensions/PluginManagerpageasyoudidaboveinstep#3.
Onthispagesearchfor"MootoolsUpgrade"andenabletheplugincalled"System-MootoolsUpgrade".
5.
4WheretoConfigureMenuItems1.
InthebackendofJoomlanavigatetothe"Menus"itemacrossthemainmenu.
Onceonthispageeditthemenuofyourchoice.
2.
TheparametersfortheS5FlexMenuwillbeshowninthebackendofanymenuitem.
Simplyeditanymenuitem.
3.
Whenyouhaveenteredtheeditscreenofamenuitemyouwillseeasectionofparametersontherightsideofthepageinanaccordionstyle,eachwiththeirowntitles.
TheS5flexMenusettingsarefoundunder"S5FlexMenuParameters".
http://www.
shape5.
comThepictureaboveisofJoomla1.
6,theJoomla1.
5sectionmayappearclosertothetopoftheaccordion.
4.
ThissectionwillcontrolhowyouconfiguretheS5FlexMenu.
Thestepsbelowwillteachyouhowtouseeachofthesesettings.
5.
5SplittingaMenuintoMultipleColumns1.
Thenumberofcolumnsshowninasubmenuiscontrolledbyitsparent.
Forexampleinthepicturebelowyouwillseesixsubmenuitemsshownintwocolumns.
Thisisbecausetheparentitem,"Extensions",issettoshowtwocolumnsinit'sconfiguration.
http://www.
shape5.
comBelowweseehowthe"Extensions"itemisconfiguredtoshowtwocolumns.
5.
6PublishingaModuletotheMenu1.
Belowyoucanseethatyouhavetheoptiontodisplayeithermenuitemsormodulesinthesubareaofaparentmenuitem.
In#4abovemenuitemsarebeingpublishedaschildrenoftheitem"Extensions".
Bydefaultamenuwillbesettoshowmenuitemsastheirchildren,however,youmayalsoloadmodulepositionsastheirchildren.
Todothissimplyselect"ModulePositions"andthenselectapositionfromtheselectareabelowthat,ies5_menu1,s5_menu2,s5_menu3,etc.
2.
Onceyouhaveselectedamodulepositiontoloadinthesubareasimplypublishanymoduletothatpositionfromthemodulemanager.
http://www.
shape5.
comInthepicturebelowyouwillseeamoduleloadedjustbelowthemenuitem"MenuModuleExample",thatmenuitemistheparentofthemoduleloadedbelowit.
Belowistheconfigurationofthemenuitem"MenuModuleExample"Allthatisneededthenistopublishanymoduletothes5_menu1position(orwhateverpositionyouchoose)fromthemodulemanagerareaofJoomla.
http://www.
shape5.
com5.
7GroupingChildrenUnderTheirParentChildrenmaybegroupedornon-groupedfromtheirparentsundertheparameter"Groupchilditems".
Youmaygroupeithermenuitemsormodules.
Groupingsimplymeansthechildrenwillshowinthesameareaoftheparentratherthananewflyoutwindow.
Youmaygroupmodulesormenuitems.
Non-Grouped:Grouped:5.
8SettinguptheSubText1.
Subtextcanbeaddedtoanymenuitem.
Itisveryeasytosetup,simplytypethesubtextintotheparameterbelow.
Ifyoudonotwithtohavesubtextsimplyleavethisparameterempty.
5.
9AddingaMenuIconMenuiconsarecontrolledthroughthedefaultJoomlamenusystem.
OpentheParameters(Basics)(1.
5)orLinkTypeOptions(1.
6+)tabandchooseanymenuimage.
Asetofsampleimageshasbeenprovidedatshape5.
comandshouldbeloadedintotheimages/storiesfolder.
http://www.
shape5.
com5.
10ConfiguringEffects,MenuSelection,DelaysandOrientation1.
Alloftheseitemscanbechangedfromthetemplateconfigurationpage.
SimplynavigatetoExtensions/TemplateManager2.
Onceonthetemplatemanagerpageopenyourtemplate'slinkbyclickingonitstitle.
Thiswillbringyoutothetemplateconfigurationpage.
3.
Abouthalfwaydownthepageyouwillfindthefollowingparametershttp://www.
shape5.
com4.
Youmayadjustthesesettingstoyourliking.
Belowisadefinitionofeachparameter.
a.
ShoworHideMainMenu-Settingtohidewillcompletelydisablethemenusystemb.
MenuName-Choosewhichmenuyouwouldliketodisplayc.
LevelsDeep-Thisnumbercontrolshowmanylevelsdeepyouwouldlikethesubmenustoappear.
Anysubmenusafterthisnumberwillnotappear.
d.
OpenDelay-Howlongdoyouwanttheopeningjavascripteffecttolast.
e.
HideDelay-Howlongshouldasubmenuappearonthepageafterthemousehasleftf.
Opacity-Settheopacityofthemenu.
100isalwaysrecommendedg.
Orientation-Setthemenutohorizontalorvertical.
Verticalshouldonlybeusedifthetemplatehasbeenspecificallydesignedforthislayout.
Effect-Choosehowyouwouldlikethesubmenustoenterthepage.
5.
11MenuFlexibilityIfthemenuiswiderthanthescreenitselfitwillautomaticallyadjustsothatnothingiscutoffwhenviewingit.
Itwilladjustin2waysverticallyandhorizontally.
Soifthemenuisgoingtogetcutoffhorizontallyitwilloutputandautomaticallyadjustitsposition.
Forexamplethescreenshotbelowshowsthemenuatfullwidth:http://www.
shape5.
comThisscreenshotshowsthesamemenuadjustingforwhenthenscreenwidthistoonarrow.
Thecolumnsautomaticallybegintostackontopofeachotheranddisplayasshown:http://www.
shape5.
com6.
RowSizes6.
1BriefOverviewInfiniteLayouts:Becausetherearesomanymodulepositionsavailableinsomanydifferentareas,thenumberoflayoutsyoucancreatearelimitless!
Anaverageof90positionsareincludedineachdesign!
Forexample,ifyouwouldliketoshowyourmaincontentareaontherightsideofyoursitebutstillhaveacolumnofmodules,simplypublishedyourmodulestotherightorright_insetpositionsorboth.
Thesamewouldbetruefortheopposite,ifyouwantacolumnontheleftsimplypublishmodulestoleftorleft_inset.
Ofcourseyoucanalwayschoosetonothaveacolumnatall.
Remember,anymodulenotpublishedtowillautomaticallycollapseandtheremainingareawillautomaticallyadjust.
Thereisnoneedtochooseapre-definedlayoutforyourentiresite,simplyusethepowerofcollapsingmodulepositionsandtakeadvantageofthenumerousamountsofmodulepositionstocreateanylayoutyoucandreamof!
Besuretocheckoutthelayoutofmodulesbelow.
Allmodulesarefullycollapsible:WhatexactlyisacollapsingmoduleIt'squitesimple,wheneveramoduleisnotpublishedtoapositionthatpositiondoesnotappearonthefrontendofthetemplate.
Considertheexamplebelow:Thisparticularrowhas6modulepositionsavailabletopublishto.
Let'ssayyouonlywanttopublishto4ofthesepositions.
Thetemplatewillautomaticallycollapsethemodulesyoudonotwanttouseandadjustthesizeofthemodulesaccordingly:Ifnomodulesarepublishedtotherowtheentirerowitselfwillnotshow.
Thebestfeatureofthisiseverymodulecanbepublishedtoitsownuniquepagessothelayoutofyoursitecanchangeoneverypage!
6.
2ChangingModuleSizesTheVertexFrameworkallowsyoutoadjustthewidthofthemodulescontainedinanyrowofmodulesorsetittoautomatic.
Forexampletop_row1contains6modulepositions,ifyoupublishmodulestohttp://www.
shape5.
comonlytop_row1_1andtop_row1_2themoduleswilleachbesetto50%oftheavailablespaceoryoucanchoosetosetthempercentagesmanuallylike60%and40%.
YoucaneasilychangethisintheadminareaofVertexadminunderthe"RowSizes".
Ifyouwanttomanuallysettherowwidthswithoutusingtheslidersjustclickthelittlegeariconandyouwillbeabletoenterinwhateverpercentagewidthsyoudesire.
Ifonlyasinglemoduleispublishedtotherowthenthewidthautomaticallybecomes100%.
7.
GeneralUnderthegeneraltabyoucanenableJSorCSScompressionforVertextocompressallthecssandjsfilesincludedandusedinVertex.
Thiswilldramaticallyincreaseyoursite'soverallperformanceandreducetheamountofcallstoyourserver.
Donotenablethisfeaturewhileyoursiteisindevelopment,itwillcacheyourfilesuntiltheyexpire,makingitdifficulttomakeeditstoadevelopmentsite.
http://www.
shape5.
comJSCompression-Enablingthisfeaturewillcompressalltemplatespecificjsfilesintotwocachedphpfiles,oneatthetopandoneatthebottomofthesite'ssource.
CSSCompression-Enablingthisfeaturewillcompressalltemplatespecificcssfilesintotwocachedphpfiles,oneatthetopandoneatthebottomofthesite'ssource.
UnderthisgeneralareaisthespotwhereyoucanaddanyGoogleanalyticscriptoranyotherJavascriptorcodethatyouwantappendedtothebottomoftheindex.
phpfiletobecalledabovethetag.
ImagesPercentageWidth–Thisoptionwillsetallimagesinmodulesandarticlesonlytothesetpercentageofthisfieldautomatically.
Enteranumberfrom1to100toenableit.
Itshouldbeusedasalastresort,butitisofferedasanautomaticsolution.
ImageAutoHeight–Ifanimagehasamax-widthonitthiswillmaketheheightautomaticallyadjusttobeproportionatetotheimage'swidth.
Forexampleifyouhaveanimagethat's200pxwide,andit'sinsidea100pxwidediv,themax-width:100%callwillsettheimageto100px.
Thisoptionwillmakesurethattheimageheightstaysproportionatetothenewwidth.
Wecannotthinkofareasonwhythiswouldn'tbeusedsoit'senabledbydefault.
http://www.
shape5.
comImageMaxWidth–Thisoptionmakessurethatimagescannotbecomelargerthantheiravailablespace.
Enablingthisfeaturewillsetimagestoamax-widthof100%(meaning100%ofthesurroundingelement'swidth).
Thisoptionishighlyrecommendedtokeepenabled.
HideComponentArea:Youcanchoosewhetherornotshowthecontent/componentareaonthefrontpage.
Ifyouchoosenoyoumusthaveamodulepublishedinoneofthefollowingrows:middle_top,above_body,below_body,ormiddle_bottom,orthelayoutwillnotshowcorrectlybecausenomiddlecolumnwillbepresent.
Ifyouchoosenoanddisableallmodulespublishedtothemain,middleareaofthesite,ie:left,right,left_inset,above_body,etc.
thenentiremiddlesectionwillcollapse.
OptionalLoginandRegisterURLs:BydefaulttheloginandregisterlinksfoundatthebottomoftheGeneraltabaredesignedtoworkwiththeS5Boxmodule.
However,youcanoverridethisandsimplyenteryourowncustomurlsthatthewebsitewillredirecttoonclick.
8.
JavascriptsThescriptsmentionedinthissectionwillneedtobeenteredintothehtmlsourceviewerofyoureditor.
EachjavascriptneedstobeenabledundertheJavascriptstabintheconfiguration.
8.
1MultiboxSupportsarangeofmultimediaformats:images,flash,video,mp3s,html!
AutodetectsformatsoryoucanspecifytheformatHtmldescriptionsGroupingofimages,videos,etcEnable/Disablepageoverlaywhenmultiboxpopsup(viatemplateparameters)Enable/Disablecontrols(viatemplateparameters)http://www.
shape5.
comToenablemultiboxusethefollowingaroundanyimage.
Beloware3examplesofmultiboxusedonsomeimages:MultipleImage#1.
Itcansupporthtml.

v5server:香港+美国机房,优质CN2网络云服务器,7折优惠,低至35元/月

v5net当前对香港和美国机房的走优质BGP+CN2网络的云服务器进行7折终身优惠促销,每个客户进线使用优惠码一次,额外有不限使用次数的终身9折优惠一枚!V5.NET Server提供的都是高端网络线路的机器,特别优化接驳全世界骨干网络,适合远程办公、跨境贸易、网站建设等用途。 官方网站:https://v5.net/cloud.html 7折优惠码:new,仅限新客户,每人仅限使用一次 9...

BuyVM($5/月)不限流量流媒体优化VPS主机 1GB内存

BuyVM商家属于比较老牌的服务商,早年有提供低价年付便宜VPS主机还记得曾经半夜的时候抢购的。但是由于这个商家风控非常严格,即便是有些是正常的操作也会导致被封账户,所以后来陆续无人去理睬,估计被我们风控的抢购低价VPS主机已经手足无措。这两年商家重新调整,而且风控也比较规范,比如才入手他们新上线的流媒体优化VPS主机也没有不适的提示。目前,BuyVM商家有提供新泽西、迈阿密等四个机房的VPS主机...

RackNerd($199/月),5IP,1x256G SSD+2x3THDD

我们先普及一下常识吧,每年9月的第一个星期一是美国劳工节。于是,有一些服务商会基于这些节日推出吸引用户的促销活动,比如RackNerd有推出四款洛杉矶和犹他州独立服务器,1G带宽、5个独立IP地址,可以配置Windows和Linux系统,如果有需要独立服务器的可以看看。第一、劳工节促销套餐这里有提供2个套餐。两个方案是选择犹他州的,有2个方案是可以选择洛杉矶机房的。CPU内存SSD硬盘配置流量价格...

joomla中文为你推荐
建企业网站建立一个企业网站要多少钱cisco2960配置Cisco2960是二层交换机,怎么可以进入配置界面进行配置。不是说二层交换机不需要配置吗?什么是支付宝支付宝是什么三友网三友有机硅是不是国企,待遇如何?现在花钱去是不是值得?银花珠树晓来看晚来天欲雪,能饮一杯无。相似的句子传奇域名谁能帮忙查查传奇的IP和域名厦门三五互联科技股份有限公司厦门三五互联怎么样?中国保健养猪网中央7台致富经养猪discuz伪静态DZ怎么开启全站伪静态zencart模板zen cart模板怎么进行二次开发修改
主机域名 哈尔滨服务器租用 x3220 老鹰主机 私人服务器 59.99美元 e蜗牛 godaddy域名证书 e蜗 炎黄盛世 tna官网 傲盾官网 cdn加速是什么 中国网通测速 hdd 支付宝扫码领红包 服务器监测 申请网站 空间登陆首页 西安服务器托管 更多