Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support
My profile Appearance/advance tab CSS Codes
This new comment box has a set height as long as I click on HTML I see my santa claus graphic
As you can see the top & bottom of the graphic is chop off
Now click on HTML again to go to Visual mode & this is what I see
also if you have SMILEYS in your comment box you have to click on the HTML tab to insert your code or it will not show up in Visual mode.
I have a theme creator that is very unhappy with the changes and for now has stopped making themes.
Does anyone have any idea how to fix this.
Thanks inadvance
Deborah Saralonde
Tags:
Deb,
Let me ask this: Are you adding your Santa via the HTML with img src="filename"?
When you click on SAVE, does it still chop the image?
Can you upload him here so I can test this?
Best,
Jen
These are the codes The full codes are in Attachemnts in the orginal discussion above
Advance CSS Codes for my site
.xg_module_comment_wall .xj_ajax{
height: 350px;
overflow : auto;
margin : 3px;
text-align : center;
font-size : 14px;
}
.xg_module_comment_wall .xg_module_foot{
float:center;
height: 50px;
border:3px; ridge #ff0000;
}
/*---pic in comment wall---*/
#xg_profiles_chatterwall_post_comment{
color: #000000;
background-color:#33ff33!important;
background-image:url(http://i45.tinypic.com/5vq0kp.jpg);
background-position:center;
background-attachment:relative;
border:4px ridge #ff0000;
height:180px;
}
/*---pic in comment wall toolbar---*/
.texteditor_toolbar {
background-image:url(http://i45.tinypic.com/23i6pev.jpg)! important;
border:8px ridge color #ff0000;
height:30px;
}
Deborah,
I added the entire theme CSS to My Page, on my test site. Is that what I should have done? If yes, I only see the background image for comment for a split second, then nothing. Is that what you're seeing?
Honestly, I can't see why this would make your Designer want to quit. I know it must be frustrating, but a small element in the overall theme. Or, am I missing something? I don't and have never, designed themes for My Page, only for Network Creators. So the needs are completely different, if that makes sense.
Maybe we'll figure this out together. ;-) But, I'll definitely have to ask questions.
Best,
Jen
Yes Jen when you add all the codes the graphic shows for a second in Visual mode then nothing unless you click on HTML tab to see it. The height of each graphic is different unless you click bottom right side of the box to make it bigger. In my opion it spoils the look of the theme your creating for your members
The new visual mode sometimes stands out like a sore thumb and many members like a graphic in the comment box instead of the white box glaring out at them. I hope I have explained myself well?????
l would be happy just to have a matching color or the same color. White stands out and this does not look good on a dark background.
Good point Fantasyland
Even just having a colour background with a different colour text will look nice in VISUAL MODE and HTML will compliment any theme created. If a graphic can't be loaded.
Yes, I understand now. Not sure Deb, going to look at this some more. If you want a 180 degree different opinion, the images in the comment boxes make it very difficult to read, and comment. But, that's just my opinion.
I'll let you know if I figure out anything.
Best,
Jen
Right Jen
Sometimes having a graphic makes it hard to read the text.
Having a colour background in both Visual mode and HTML with a different colour text will make it easier
What would happen if it said custom text editor chatterwall ?
Hi Fantasyland
A answer to your question ~ I don't know, but we will figure it out sooner or later
Okay, here's the best answer you'll probably find for this. I have gone through the new Text Editor classes with a fine tooth comb. Since the box area where a person types is an iframe, I can't find a way to make that area transparent, instead of white - - like where I'm typing this message to you. However, I did find the new class that should add a background image behind the text box area. You need test to see what I mean by this.
REPLACE YOUR ORIGINAL CODE BELOW:
/*---pic in comment wall---*/
/********** #xg_profiles_chatterwall_post_comment{
color: #000000;
background-color:#33ff33!important;
background-image:url(http://i45.tinypic.com/5vq0kp.jpg);
background-position:center;
background-attachment:relative;
border:4px ridge #ff0000;
height:180px;
} *************/
WITH THIS CODE. ONLY CHANGE IS THE NAME OF THE CLASS ID:
.mceIframeContainer {
color: #000000;
background-color:#33ff33!important;
background:url(http://i45.tinypic.com/5vq0kp.jpg)!important;
background-position:center;
background-attachment:relative;
border:4px ridge #ff0000;
height:180px;
}
Best,
Jen
Welcome to
JenSocial: Social Web Directory and Ning Tips
Posted by JenSocial on May 7, 2018 at 8:35pm 8 Comments 1 Favorite
Posted by JenSocial on January 6, 2017 at 4:00pm 10 Comments 1 Favorite
Posted by JenSocial on October 22, 2016 at 1:05am 0 Comments 0 Favorites
Posted by JenSocial on September 17, 2016 at 12:00am 26 Comments 1 Favorite
Posted by JenSocial on August 31, 2016 at 3:30pm 13 Comments 0 Favorites
Ning 3.0 Tip - Add Buttons/Links Below Status Update (Quick Links to Add Photos, Posts, Discussions)
Started by Predestined by God Feb 1, 2015. 0 Replies 0 Favorites
Started by IDC. Last reply by JenSocial Oct 27, 2012. 1 Reply 1 Favorite
Started by Dr. Husky. Last reply by Dr. Husky Aug 18, 2012. 5 Replies 1 Favorite
© 2024 Created by JenSocial. Powered by
© Copyright JenSocial.