Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

Help with stylesheets :(

3 views
Skip to first unread message

Robert Peterson

unread,
Sep 30, 2015, 12:10:00 AM9/30/15
to
I hate to sound like a noob, but I have a stylesheet that I want to use, yet am unsure of how I would do that or if the code needs to be changed. The sheet looks like this:

.ItemDiscussion.Role_MasterFounder .MFBackgroundCall {
color: transparent;
background: no-repeat url('https://puu.sh/kt4MM/546f1987ea.png');
content: " " !important;
width: 86px;
height: 42px;
margin-right: 8px;
margin-top: 4px;
margin-left: -5px;
display: block;
border-left: 4px solid #7439ad;
}

.DataList > .Role_MasterFounder {
background-color: #272673;
background-image: url('https://puu.sh/kt4MM/546f1987ea.png');
background-repeat: no-repeat;
background-position: right bottom;
border-radius: 4px;
border-left: 4px solid #7439ad;
}

.ItemDiscussion.Role_MasterFounder {
background-color: #272673;
background-image: url('https://puu.sh/kt4MM/546f1987ea.png');
background-repeat: no-repeat;
background-position: right bottom;
border-radius: 4px;
border-left: 4px solid #7439ad;
}



This basically will add a custom background to a forum post. I get what I need to do with it, using something like:

<head>
<link rel="stylesheet" type="text/css" href="https://0ce5b546158fc03af3528954d561f403ddc5f359.googledrive.com/host/0B8xgs1o6nZK6NkZwcUhDN0wzTWM/OMDUForumBackground.css">
</head>

To link to it. My issue is that I'm not sure what the next step is. :\

I apologize if I'm not giving the right information, I'm still very new to CSS. Let me know if I can clarify this any.

Linux User

unread,
Sep 30, 2015, 4:19:27 PM9/30/15
to
The next step is to code your HTML so that it can use your styles. for
example, you can code your DIV to look like this:

<div class="ItemDiscussion Role_MasterFounder MFBackgroundCall">
<p>Put your text/content here and the background will take shape
automatically.</p>
</div>

Good luck.


Robert Peterson

unread,
Sep 30, 2015, 6:52:33 PM9/30/15
to
Thank you so much. That kinda works, but for some reason I can't get the background image to pop up. Is the border too small? Should I add like margin-padding: 10px; ?

Robert Peterson

unread,
Sep 30, 2015, 7:33:15 PM9/30/15
to
I figured that part out, now the issue I'm having is trying to use my stylesheet with the forum. I will state that I don't own the forum and can't edit it, so basically I need to find a way to use my stylesheet without having access to <head> in the forum posts.

Is their a way or would I need to convert the stylesheet over to div if I want to use a border in the post? What I mean is something like:

<div style="border:color: transparent;
background: no-repeat url('https://puu.sh/kt4MM/546f1987ea.png');
content: " " !important;
width: 86px;
height: 42px;
margin-right: 8px;
margin-top: 4px;
margin-left: -5px;
display: block;
border-left: 4px solid #7439ad;><span>TEXT GOES HERE AND IS INSIDE BORDER</span></div>
0 new messages