~~ (Visual) Wix Profile Guide [The End - Dec'15] ~~ | Page 49 | Forum

l Life Is Strange l

(?)Community Member

Desirable Cat

9,550 Points

100
100
100

Offline

Report Post
Post: 81836519_722 created on Tue, 23 Dec 2014 22:13:14 +0000
Posted: Tue, 23 Dec 2014 22:13:14 +0000

Horntastic

iiAdieu

Its not letting me convert it

That looks like the source from your editing page.
You need to paste the source from your viewing page.
Your view link should look something like: http://tarashia.wix.com/test1
View the source on your view page and try pasting that into the converter.
If you are still having trouble, please send me the view link rather than the full source.

Edit:
Actually, I managed to get the view link out of the source you gave, so I went ahead and converted it.
http://wwwlilsnoopy2323.wix.com/fran

Media code (unshortened - make sure to shorten it):

http://static.wix.com/client/app.swf?canZipXml=true&embedFormat=websites&docHeader=<wix-document-details-result><env></env><wixDocument><pages_list><page id="72aa58a2-8e0f-d639-e5c3-ecd69bb70bc5" client_id="245647" xml_file="aadd61_93d6df330baa5f11326f649d83338adb.xml"/></pages_list></wixDocument></wix-document-details-result>

CSS:

html, body { background: #000000; }
.column, #columns { overflow: visible !important; }
#columns { width: 1000px; margin-left: auto; margin-right: auto; float: none; position: relative; top: 50px; }
#column_1, #column_2, #column_3 { position: absolute; margin: 0; width: 1000px; }
.media_panel { height: 650px !important; width: 1000px; overflow: hidden; }
.media_panel embed, .media_panel object { height: 1000px; width: 1000px; }
.panel { margin: 0; padding: 0; background: transparent; color: #eee; }
.panel h2 { display: none; }
#texts_container, #pictures_container { width: 0; margin-left: 50%; position: absolute; top: 0; }

Never mind I figured it out >_<;;
But thanks for answering

KlTTlE

(?)Community Member

Feral Kitten

Offline

Report Post
Post: 81836519_724 created on Fri, 26 Dec 2014 13:16:12 +0000
Posted: Fri, 26 Dec 2014 13:16:12 +0000

I have absolutely no idea how to find a wix flash template x.x I just sat for 2 days editing a nice profile and then i wanted it as my gaia profile and did all the steps u told us to do but... then i found out my wix is html 5 -.-
so um where do i find a flash template? lol >U<
Here's the profile i want ;O; http://asonym4.wix.com/kittie

Emmyth

(?)Community Member

Benevolent Sex Symbol

13,125 Points

50
100
500

Offline

Report Post
Post: 81836519_727 created on Sat, 03 Jan 2015 06:20:13 +0000
Posted: Sat, 03 Jan 2015 06:20:13 +0000

Horntastic

Im horrible at these things. Help plz. blaugh

http://jasrob3.wix.com/asdf

Bleach1114

(?)Community Member

Cat

18,500 Points

200
100
100

Offline

Report Post
Post: 81836519_729 created on Sat, 03 Jan 2015 22:09:38 +0000
Posted: Sat, 03 Jan 2015 22:09:38 +0000

Bleach1114

Horntastic

hello Horn. =] could i bother you for some advice? i have been playing with this bit of coding i have found for hrs now and i still cant figure it out. i dont know anything about coding i just play with it till it works for me usually and hopefully learn something along the way. anyways...the coding was originally for a comment section and i have altered it into a wishlist section.
my issue is that i want it to be centered at the bottom between the red lines but everything i have done has either pushed it to far right or to far left. Some of the coding is useless because originally it was suppose to be a comment section coming from the left side...and it had a tab coming off it saying comments. Somehow i messed it up to bad and cant fix it but its not really necessary anyways since i am trying to get it to jive with my wix profile..
Thank you for your time.
Bleachy

/*------------------------------------*
WISHLIST BOX CONTROL
*------------------------------------*/
#id_wishlist {
position:fixed !important;
bottom:-470px !important;
center:0px !important;
z-index:9010 !important;
padding:30px 20px 5px 10px !important;
-moz-box-sizing:border-box;
-webkit-border-box:border-box;
box-sizing:border-box;
width:800px !important;
height:80% !important;
margin-top:25px;
margin-bottom:0px;
overflow-x:visible !important;
overflow-y:visible !important;
border-radius:0px 4px 4px 0px !important;
transition:bottom 1s;
-moz-transition:bottom 1s;
-webkit-transition:bottom 1s;
-o-transition:bottom 1s;
background:rgba(255, 255, 255, 0. cool !important;
}

#id_wishlist:hover {
bottom:0px !important;
}

#id_wishlist h2+div {
width:0px;
height:0px;
}

#alert_container {
position:absolute;
center:5px;
bottom:5px;
display:block;
}

#alerts_banner {
position:absolute;
right:10px;
bottom:5px;
display:block;
}

#id_wishlist div+p {
position:absolute;
center:120px;
center:10px;
}

#id_wishlist .style1 {
height:100% !important;
overflow:auto !important;
padding:3px !important;
border:4px solid purple;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0px 0px 0px 0px;
}

/*===TITLE BAR TURN IT LEFT===*/
#id_wishlist h2 {
background: rgba(155, 155, 255, 0. cool !important;
position:absolute !important;
width:100px !important;
height: 20px !important;
center:435px;
padding:5px 5px !important;
bottom:90px !important;
border-radius:5px 5px 0px 0px !important;
transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);
}

-cries in corner- after playing around some more i found out that extra piece of code doesnt even go with the code i am working with like i thought. it makes a pretty little custom box instead. so i guess i must be missing a piece of the code that makes everything work the way i want it to. i wish there was an easier way to learn. i try reading the guides but everything just looks like a wall of text and my brain goes poof.when i want something to work my way though and have one thing to focus on like the height situation or this wishlist thing it becomes a little easier.its pretty fun to see what little changes i can make by mistake. i almost did a happy dance yesterday when i found out changing the padding code makes edges on the boxes disappear. if i played with it long enough maybe i could learn to make a circle later. sorry i went ramble mode.... sweatdrop
-inconspicuously slips away-

Horntastic

(?)Community Member

Dapper Phantom

Offline

Report Post
Post: 81836519_731 created on Sun, 04 Jan 2015 06:27:45 +0000
Posted: Sun, 04 Jan 2015 06:27:45 +0000

Bleach1114

Horntastic

hello Horn. =] could i bother you for some advice? i have been playing with this bit of coding i have found for hrs now and i still cant figure it out. i dont know anything about coding i just play with it till it works for me usually and hopefully learn something along the way. anyways...the coding was originally for a comment section and i have altered it into a wishlist section.
my issue is that i want it to be centered at the bottom between the red lines but everything i have done has either pushed it to far right or to far left. Some of the coding is useless because originally it was suppose to be a comment section coming from the left side...and it had a tab coming off it saying comments. Somehow i messed it up to bad and cant fix it but its not really necessary anyways since i am trying to get it to jive with my wix profile..
Thank you for your time.
Bleachy

/*------------------------------------*
WISHLIST BOX CONTROL
*------------------------------------*/
#id_wishlist {
position:fixed !important;
bottom:-470px !important;
center:0px !important;
z-index:9010 !important;
padding:30px 20px 5px 10px !important;
-moz-box-sizing:border-box;
-webkit-border-box:border-box;
box-sizing:border-box;
width:800px !important;
height:80% !important;
margin-top:25px;
margin-bottom:0px;
overflow-x:visible !important;
overflow-y:visible !important;
border-radius:0px 4px 4px 0px !important;
transition:bottom 1s;
-moz-transition:bottom 1s;
-webkit-transition:bottom 1s;
-o-transition:bottom 1s;
background:rgba(255, 255, 255, 0. cool !important;
}

#id_wishlist:hover {
bottom:0px !important;
}

#id_wishlist h2+div {
width:0px;
height:0px;
}

#alert_container {
position:absolute;
center:5px;
bottom:5px;
display:block;
}

#alerts_banner {
position:absolute;
right:10px;
bottom:5px;
display:block;
}

#id_wishlist div+p {
position:absolute;
center:120px;
center:10px;
}

#id_wishlist .style1 {
height:100% !important;
overflow:auto !important;
padding:3px !important;
border:4px solid purple;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0px 0px 0px 0px;
}

/*===TITLE BAR TURN IT LEFT===*/
#id_wishlist h2 {
background: rgba(155, 155, 255, 0. cool !important;
position:absolute !important;
width:100px !important;
height: 20px !important;
center:435px;
padding:5px 5px !important;
bottom:90px !important;
border-radius:5px 5px 0px 0px !important;
transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);
}

-cries in corner- after playing around some more i found out that extra piece of code doesnt even go with the code i am working with like i thought. it makes a pretty little custom box instead. so i guess i must be missing a piece of the code that makes everything work the way i want it to. i wish there was an easier way to learn. i try reading the guides but everything just looks like a wall of text and my brain goes poof.when i want something to work my way though and have one thing to focus on like the height situation or this wishlist thing it becomes a little easier.its pretty fun to see what little changes i can make by mistake. i almost did a happy dance yesterday when i found out changing the padding code makes edges on the boxes disappear. if i played with it long enough maybe i could learn to make a circle later. sorry i went ramble mode.... sweatdrop
-inconspicuously slips away-

Ok, I see what you have going on your profile right now.
What exactly do you want to change about it? What do you mean by circles? (try border-radius)
Do you really want it fixed to the bottom of the screen?
This will cause it to look kind of weird on particularly large or small screens.
It also makes it much harder to dynamically position it to fit "inside" the Wix.
I would use absolute or relative position instead.
(if you want, I can show you what parts of you code need to be modified to fit it into the wishlist area of your Wix)

The more specific you are, the more I can help you n_n'
You can even just like make a list of things you want to change.

Bleach1114

(?)Community Member

Cat

18,500 Points

200
100
100

Offline

Report Post
Post: 81836519_733 created on Sun, 04 Jan 2015 07:35:18 +0000
Posted: Sun, 04 Jan 2015 07:35:18 +0000

Horntastic

Bleach1114

Horntastic

hello Horn. =] could i bother you for some advice? i have been playing with this bit of coding i have found for hrs now and i still cant figure it out. i dont know anything about coding i just play with it till it works for me usually and hopefully learn something along the way. anyways...the coding was originally for a comment section and i have altered it into a wishlist section.
my issue is that i want it to be centered at the bottom between the red lines but everything i have done has either pushed it to far right or to far left. Some of the coding is useless because originally it was suppose to be a comment section coming from the left side...and it had a tab coming off it saying comments. Somehow i messed it up to bad and cant fix it but its not really necessary anyways since i am trying to get it to jive with my wix profile..
Thank you for your time.
Bleachy

/*------------------------------------*
WISHLIST BOX CONTROL
*------------------------------------*/
#id_wishlist {
position:fixed !important;
bottom:-470px !important;
center:0px !important;
z-index:9010 !important;
padding:30px 20px 5px 10px !important;
-moz-box-sizing:border-box;
-webkit-border-box:border-box;
box-sizing:border-box;
width:800px !important;
height:80% !important;
margin-top:25px;
margin-bottom:0px;
overflow-x:visible !important;
overflow-y:visible !important;
border-radius:0px 4px 4px 0px !important;
transition:bottom 1s;
-moz-transition:bottom 1s;
-webkit-transition:bottom 1s;
-o-transition:bottom 1s;
background:rgba(255, 255, 255, 0. cool !important;
}

#id_wishlist:hover {
bottom:0px !important;
}

#id_wishlist h2+div {
width:0px;
height:0px;
}

#alert_container {
position:absolute;
center:5px;
bottom:5px;
display:block;
}

#alerts_banner {
position:absolute;
right:10px;
bottom:5px;
display:block;
}

#id_wishlist div+p {
position:absolute;
center:120px;
center:10px;
}

#id_wishlist .style1 {
height:100% !important;
overflow:auto !important;
padding:3px !important;
border:4px solid purple;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0px 0px 0px 0px;
}

/*===TITLE BAR TURN IT LEFT===*/
#id_wishlist h2 {
background: rgba(155, 155, 255, 0. cool !important;
position:absolute !important;
width:100px !important;
height: 20px !important;
center:435px;
padding:5px 5px !important;
bottom:90px !important;
border-radius:5px 5px 0px 0px !important;
transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);
}

-cries in corner- after playing around some more i found out that extra piece of code doesnt even go with the code i am working with like i thought. it makes a pretty little custom box instead. so i guess i must be missing a piece of the code that makes everything work the way i want it to. i wish there was an easier way to learn. i try reading the guides but everything just looks like a wall of text and my brain goes poof.when i want something to work my way though and have one thing to focus on like the height situation or this wishlist thing it becomes a little easier.its pretty fun to see what little changes i can make by mistake. i almost did a happy dance yesterday when i found out changing the padding code makes edges on the boxes disappear. if i played with it long enough maybe i could learn to make a circle later. sorry i went ramble mode.... sweatdrop
-inconspicuously slips away-

Ok, I see what you have going on your profile right now.
What exactly do you want to change about it? What do you mean by circles? (try border-radius)
Do you really want it fixed to the bottom of the screen?
This will cause it to look kind of weird on particularly large or small screens.
It also makes it much harder to dynamically position it to fit "inside" the Wix.
I would use absolute or relative position instead.
(if you want, I can show you what parts of you code need to be modified to fit it into the wishlist area of your Wix)

The more specific you are, the more I can help you n_n'
You can even just like make a list of things you want to change.

the only thing i was trying to do was add a wishlist to the profile for my bf because he complains. honestly i figured that i would be one of those who just had it stuck out into space like most wix users but i thought maybe there was a way to at least give it a box so that it didnt look so out of place. so i tried researching but i couldnt really find anything that i needed specifically but i found this bit of comment code and thought maybe i could change it to wishlist to fit my needs. i have been having fun playing with different bits of the code to see what it does. And you are right it was the border-radius that rounded the edges of the wishlist not the padding; i dont know why padding is staying stuck in my head i guess because its an interesting word to use in coding. haha showing my inexperience. -facepalms-

anyways i dont have to have the wishlist at the bottom or in that hover mode. I just didnt think i could get it to fit in the wix box and it not be an issue when i switch to a different page. if you dont mind i would be grateful if you could show me the easier more efficient way of doing it?

Horntastic

(?)Community Member

Dapper Phantom

Offline

Report Post
Post: 81836519_735 created on Sat, 31 Jan 2015 18:01:58 +0000
Posted: Sat, 31 Jan 2015 18:01:58 +0000

Lament of Max

I haven't open my gaia account for like 2 years and now I just found out that you can no longer update your wix profile, because wix took away the embed feature, I was wondering if there is still a way to update my profile, and if there is I'd really appreciate if you guys can help me.

This guide currently provides an up-to-date method of getting your Wix code, even without the embed. The method has changed quite a bit though, so read through carefully first. If you get stuck, let me know where n_n

Welcome to Gaia! ::

Quick Reply

More Information