@anahit
Thanks for letting me know! Why i put each section in a container for ease of moving them around. I'll add that to a seporate code spoiler when i can.
CODE EDIT 09-11-17: I realized the hover text was not showing up in the profile view! I fixed the code so it will work now.
CODE EDIT 09-11-17 (2): While using my own layout if found some functionality issues. They have been fixed.
CODE EDIT 09-16-17: Oh no one of the hover texts was not working!
CODE EDIT 09-18-17: Added a cleaner looking slider option. Working on some new profiles too.
GEN EDIT 09-18-17(2): Wooo New Layout code!!
Please let me know what you think or if you have any ideas or suggestions! (nitpicking is fine)
I also accept recomendations for more simple profile layouts! (they can be complicated and I'll simplify it)
If you use this please give credit in some way, thank you <3
All profile layouts are theme dynamic, meaning they work and change colors to match any theme.
* All profiles are width dynamic, meaning they adjust to any screen width.
All profiles' text are editable in the preview editor. (buttons require you to be a bit more careful)
All themes dynamic colors are set to primary.
* You can change them to any of the other theme dynamic colors here.
(non theme dynamic colors and images can be used, but it is a bit trickier to get to work across all themes)
You can change whatever to get the look you want.
Fun Fact! You can use Inspect Element on the preview editor and it will save! This is a huge time saver and easier to look at.
Inspect Element in profile editor Tutorial HERE
My Layouts
Text Sliders Layout | % Sliders Layout | Simple Wiki Layout | Simple Main Profile??
|
Features:
| Features:
|
| |
CODE: | CODE: | CODE:
| |
Code Editing:
| Code Editing:
| Code Editing:
|
Once we are able to use anchors again these profiles will be edited with some more functions!! <3
@anahit
Sorry for the double ping! I just noticed a mistake in the code (just the traits section).
The hover text to see an explanation of some of the the personality traits was not working because I used the wrong tag. The main post is updated with the fix.
If you do not want the hover text sorry to bother you.
((cute user name!))
and sure! Tho only thing tho is that without CSS and with the current html bugs they will have to be static. Meanign they won't have hover features.
In the btn divs, delete the button-outline property and add a style attribute next tot he class attribute. Like so:
<div class="btn" style="background-color:#hex; border:1px solid #hex; color:white/#hex;">button text</div>
You don't need to put any of them that you do not want. Like if you don't want a background you can just but border and color (color is the text color). Similarly for any of the others, you don't have to have them in the style attribute. you can add other things too like background-image stuff, changing the style of the border (solid, dashed, etc).
((background can also be set to background-color:transparent;)) it automatically seems to be transparent for buttons, but still it's good to know for other things.
If you do find a way to make it have a hover action feel free to let me know. But I have tried several html hover work arounds and seems toyhouse doesn't let them work.
CuddlySpider Totally! I'll message you once I finish it, I should have time to finish it this week so it probably won't take too long.
Paracosm thank you! please don't feel rushed tho!
Paracosm yeah that's fine!