Update Home

Random Penguin 2025-03-03 06:06:30 +00:00
parent ce1c587ac9
commit 61f141df4b

10
Home.md

@ -153,7 +153,7 @@ These instructions are only for those who have to use the Userstyles because the
2. If you are using the "Light" version of _Bookface_ either set the "Appearance" drop-down to "Light" or "Custom." If you set it to "Custom" copy and paste this schemestring for the best appearance: `{"nav_bg":"#ffffff","nav_icon_color":"#65686C","link_color":"#0066ff","background_color":"#f2f4f7","background_image":"","contentbg_transp":"100"}`
3. If you are using the "Dark" version of _Bookface_ set the "Appearance" drop-down to either "Dark" or "Black." There is no schemestring for _Bookface_ Dark.
![Desktop_Pick_Dark_Black.png](uploads/7f9ed2c98d230e3f7c8098e376965a2e/Desktop_Pick_Dark_Black.png){width=488 height=286}
![Desktop_Pick_Dark_Black.png](uploads/7f9ed2c98d230e3f7c8098e376965a2e/Desktop_Pick_Dark_Black.png){width="488" height="286"}
## COVER PHOTOS
@ -171,7 +171,7 @@ Note that this feature only works in recent, modern browsers! Every current and
`[class=coverphoto][img=https://friendica.server/photo/1649cc674810612350.png]Cover photo description alt-text here[/img][/class]`
3. "Submit" your changes.
![cover_photo_profile_description.png](uploads/2fa65f0163ee00cbe318a758255d9b29/cover_photo_profile_description.png){width=507 height=330}
![cover_photo_profile_description.png](uploads/2fa65f0163ee00cbe318a758255d9b29/cover_photo_profile_description.png){width="507" height="330"}
For people who are not using the _Bookface_ scheme they will simply see a thumbnail image of your Cover Photo in the sidebar beneath your profile description. For people who ARE using the _Bookface_ scheme they will see your Cover Photo as a background on your Profile, Conversations, Photos, etc., pages that have a sidebar with your "vcard" info.
@ -184,7 +184,7 @@ For people who are not using the _Bookface_ scheme they will simply see a thumbn
3. Check the "Permissions" for the field. If for some reason you only want certain people Circles to see your Cover Photo you can set that here.
4. "Submit" your changes.
![cover_photo_custom_field.png](uploads/ccdc412c22a32e19d89a17212f2b56f2/cover_photo_custom_field.png){width=505 height=360}
![cover_photo_custom_field.png](uploads/ccdc412c22a32e19d89a17212f2b56f2/cover_photo_custom_field.png){width="505" height="360"}
People who are not using the _Bookface_ scheme will simply see a thumbnail on your Profile Page in your custom fields. The Cover Photo will _ONLY_ appear on that Profile page (not on your Conversations, Photos, Contacts, etc. pages).
@ -196,7 +196,7 @@ While it is not really recommended you do this, you can place up to FOUR images
`[class=coverphoto][img=https://friendica.server/photo/1649cc674810612350.png]Cover photo 1 description alt-text here[/img][img=https://friendica.server/photo/1649cc677034958382350.png]Cover photo 2 description alt-text here[/img][img=https://friendica.server/photo/1649c038920505603674810612350.png]Cover photo 3 description alt-text here[/img][img=https://friendica.server/photo/3464771649cc674810612350.png]Cover photo 4 description alt-text here[/img][/class]`
![multiple-cover-photos.png](uploads/c06759fa89a16d133657ac169bf48fa2/multiple-cover-photos.png){width=536 height=422}
![multiple-cover-photos.png](uploads/c06759fa89a16d133657ac169bf48fa2/multiple-cover-photos.png){width="536" height="422"}
Extra spaces are okay, but make sure there are no newlines/carriage returns or other elements inside the `[class]...[/class] `or it will mis-count the number of images and size them wrongly. Also keep in mind people not using Bookface will see multiple thumbnails of these images on your Profile. Only Bookface users will see the collage.
@ -252,7 +252,7 @@ Starting with Version 1.3 it became much easier to customize the Bookface colors
Most of those should be fairly self-explanatory. If you are redefining the variables in your own block loading after Bookface you only need to include the specific ones you are overriding.
![custom_colors.png](uploads/b54cfc8db76cf3ac5926435019d93712/custom_colors.png)
![custom_colors.png](uploads/f7263e98363e4b3caf0f6f9e87bc4c4d/custom_colors.png)
A good place for server admins to add the CSS variable block is in the "Frio" theme footer template file at _/friendica/view/templates/footer.tpl_ but you should put it inside a _Smarty3_ `{{literal}}<style>...</style>{{/literal}}` block at the end of that file. That way you will only need to re-do it when "Frio" or "Friendica" get updated, not every time there is a _Bookface_ update.