WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

Go to page : Previous  1, 2, 3, 4  Next

View previous topic View next topic Go down  Message [Page 3 of 4]

1 How to do this? on Tue Mar 16, 2010 1:26 am

Macky

avatar
Registered Member
Registered Member
First topic message reminder :

Please use the following code for your official moderator replies:

Code:
[mod] Your text here. [/mod]


That will appear as:





All you have to do is add your text, it adds EVERYTHING else for you. Remember to leave a space between your text and the code

how do i set something up like that? ????


also this they have a live mod CP it is so cool idk how to do it
i think they use this site http://www.000webhost.com/ but i don't understand it could someone help?


51 Re: How to do this? on Mon Mar 22, 2010 11:31 pm

ankillien


Administrator
Administrator
Guys, do want to add image on left side of the box, like shown in the example in first post?

You can add this code to your CSS...

.something {
padding: 8px 8px 8px 130px;
backgorund: #666 url(THE IMAGE URL HERE) no-repeat left;
border: 1px dotted #000;
color: #FFF;
width: 99%;
}

You can edit the bold part and make it look as per your need. The 130px can be edited to increase/decrease space on the left side of the box.

52 Re: How to do this? on Mon Mar 22, 2010 11:33 pm

Krazy


Registered Member
Registered Member
Ankillien, can you test it out on WebArtz so we can see? Wink Razz

53 Re: How to do this? on Tue Mar 23, 2010 4:12 am

Macky

avatar
Registered Member
Registered Member
Ok i'm really bad at this stuff can one of yous come in and put the code in if i give admin access Embarassed

54 Re: How to do this? on Tue Mar 23, 2010 5:17 am

Krazy


Registered Member
Registered Member
I could once he has finished the CSS. I have already added it to my forum, though I'm not good when it comes to forming colors and all that in CSS. C & P works good. Razz Wink

55 Re: How to do this? on Tue Mar 23, 2010 5:21 am

Macky

avatar
Registered Member
Registered Member
Krazy wrote:I could once he has finished the CSS. I have already added it to my forum, though I'm not good when it comes to forming colors and all that in CSS. C & P works good. Razz Wink

ok so do i wait on anki?

56 Re: How to do this? on Tue Mar 23, 2010 8:49 am

ankillien

avatar
Administrator
Administrator
@bear,

You just have to paste that code in your forum's CSS and submit it. Then make a post with '[mod]' tags. You'll see it.

@krazy,

I already have finished the CSS Razz and we can't test it on WebArtz as HTML is disabled in posts. You need to have HTML enabled in posts to make the [mod] tags work.

57 Re: How to do this? on Tue Mar 23, 2010 8:50 am

Macky

avatar
Registered Member
Registered Member
ankillien wrote:@bear,

You just have to paste that code in your forum's CSS and submit it. Then make a post with '[mod]' tags. You'll see it.

@krazy,

I already have finished the CSS Razz and we can't test it on WebArtz as HTML is disabled in posts. You need to have HTML enabled in posts to make the [mod] tags work.


i don't have images and color codes Embarassed

58 Re: How to do this? on Tue Mar 23, 2010 11:52 am

Krazy


Registered Member
Registered Member
Ankillien, can you enable HTML? Also can you help and add the images bear requested so it'll be perfect? Wink

Thanks,

Krazy Wink

59 Re: How to do this? on Tue Mar 23, 2010 3:15 pm

ankillien

avatar
Administrator
Administrator
@Krazy,
Sorry, HTML won't be enabled here. It is disabled for security risks. Why do you want it to be done here?

@bear,
Can you give me the URL of the image you want to add to the box and tell me what border, background and text color you want to add to the box. I'll give you the perfect code.

60 Re: How to do this? on Tue Mar 23, 2010 9:29 pm

Krazy


Registered Member
Registered Member
Ankillien, Bear and I are looking for one very similar to the example one in the first post.

61 Re: How to do this? on Tue Mar 23, 2010 9:49 pm

ankillien

avatar
Administrator
Administrator
Chaofan has given complete tutorial on it and I have given exact code for it. Try it on your forum and see if it work as per your needs.

62 Re: How to do this? on Tue Mar 23, 2010 10:39 pm

Krazy


Registered Member
Registered Member
Can you make the background red and use the same image, then it will be complete Smile

63 Re: How to do this? on Wed Mar 24, 2010 12:00 am

Macky

avatar
Registered Member
Registered Member
Yeah i tried it mine came out rubbish i want mine like the example picture Sad mine did not even fit in the post and you could not read it Sad
here is how mine came out :

64 Re: How to do this? on Wed Mar 24, 2010 10:00 am

ankillien

avatar
Administrator
Administrator
ok bear,

Please try adding this code to your CSS...

Code:
.something {
width: 600px;
padding: 5px;
background: black url(IMAGE URL HERE) no-repeat left;
color: white;
padding-left: 30px;
border: 1px solid white;
}

65 Re: How to do this? on Wed Mar 24, 2010 2:57 pm

Macky

avatar
Registered Member
Registered Member
ankillien wrote:ok bear,

Please try adding this code to your CSS...

Code:
.something {
width: 600px;
padding: 5px;
background: black url(IMAGE URL HERE) no-repeat left;
color: white;
padding-left: 30px;
border: 1px solid white;
}
ok thanks did it. It only made the box smaller which is good but you were still not able to read the text. Couldn't you make us a code like the one in the picture i showed? Sad

66 Re: How to do this? on Wed Mar 24, 2010 4:53 pm

ankillien

avatar
Administrator
Administrator
The background is black and text color is white. Isn't it really readable?
My CSS makes the box exactly same as the picture showed Wink

67 Re: How to do this? on Wed Mar 24, 2010 11:21 pm

Macky

avatar
Registered Member
Registered Member
ankillien wrote:The background is black and text color is white. Isn't it really readable?
My CSS makes the box exactly same as the picture showed Wink

the background comes transparent to me.... and can you make it say Moderator Notice (in dark Blue)? like in the example i also need one saying Administrator notice (in Red.

68 Re: How to do this? on Wed Mar 24, 2010 11:33 pm

ankillien

avatar
Administrator
Administrator
Its not possible to add text to it. You should add 'Moderator notice' your self when you write [mod] tags.

Ok, I got the bug about the background.
In the CSS code I gave you, please remove the bolded part in following..

background: black url(IMAGE URL HERE) no-repeat left;

So, the final code looks like this..

Code:
    .something {
    width: 600px;
    padding: 5px;
    background: black;
    color: white;
    padding-left: 30px;
    border: 1px solid white;
    }

If you want to add an image on left like on the example, please provide me a URL to that image and I'll give you a code to add it Very Happy

Sorry if I am making this too much complicated for you.

69 Re: How to do this? on Wed Mar 24, 2010 11:34 pm

Macky

avatar
Registered Member
Registered Member
ankillien wrote:Its not possible to add text to it. You should add 'Moderator notice' your self when you write [mod] tags.

Ok, I got the bug about the background.
In the CSS code I gave you, please remove the bolded part in following..

background: black url(IMAGE URL HERE) no-repeat left;

So, the final code looks like this..

Code:
    .something {
    width: 600px;
    padding: 5px;
    background: black;
    color: white;
    padding-left: 30px;
    border: 1px solid white;
    }

If you want to add an image on left like on the example, please provide me a URL to that image and I'll give you a code to add it Very Happy

Sorry if I am making this too much complicated for you.

ok thanks i'll try hold on.

EDIT:
YAY thanks ankillen it worked!!!!!!!!!!!!!!!!!!!!!!!! your the best!!!!!!! Very Happy

Double posts merged by ankillien

70 Re: How to do this? on Wed Mar 24, 2010 11:47 pm

Macky

avatar
Registered Member
Registered Member
EDIT : can i get one with this :
and one with this? :http://i42.tinypic.com/2ag7p0x.png

71 Re: How to do this? on Wed Mar 24, 2010 11:54 pm

ankillien

avatar
Administrator
Administrator
Sure,

Make the following changes in CSS code...

Change padding-left: 30px; to 140px;
and change background value to this...
background: url("http://i42.tinypic.com/1e067c.jpg") no-repeat scroll left center black;

The final code looks like this..

Code:
.something {
    width: 600px;
    padding: 5px;
    background: url(http://i42.tinypic.com/1e067c.jpg) no-repeat left black;
    color: white;
    padding-left: 140px;
    border: 1px solid white;
    }

You may see difference in the width after changing this codes. To adjust width just change value of width: 600px; to any px.

72 Re: How to do this? on Wed Mar 24, 2010 11:58 pm

Macky

avatar
Registered Member
Registered Member
ankillien wrote:Sure,

Make the following changes in CSS code...

Change padding-left: 30px; to 140px;
and change background value to this...
background: url("http://i42.tinypic.com/1e067c.jpg") no-repeat scroll left center black;

The final code looks like this..

Code:
.something {
    width: 600px;
    padding: 5px;
    background: url(http://i42.tinypic.com/1e067c.jpg) no-repeat left black;
    color: white;
    padding-left: 140px;
    border: 1px solid white;
    }

You may see difference in the width after changing this codes. To adjust width just change value of width: 600px; to any px.

Image is cut off and i need the code for the other image.

73 Re: How to do this? on Thu Mar 25, 2010 12:36 am

Krazy


Registered Member
Registered Member
When it works for you bear, take a screen shot so we can see what it looks like and make a tutorial on this lol.

74 Re: How to do this? on Thu Mar 25, 2010 1:21 am

ze_chaofan

avatar
Registered Member
Registered Member
ankillien wrote:I already have finished the CSS Razz and we can't test it on WebArtz as HTML is disabled in posts. You need to have HTML enabled in posts to make the [mod] tags work.
Hey Anki ! There's a way to do without HTML :
Code:
[table class="something'][tr][td]...[/td][/tr][/table]
Very Happy

http://www.sos-forum.com/

75 Re: How to do this? on Thu Mar 25, 2010 9:09 am

ankillien

avatar
Administrator
Administrator
@bear,

The image get cut off because height of the message box is small. If you'll add more lines to it, the image will show up fully. Or, you can try resizing the image in some editing program and use it Very Happy

@ZC,
I doubt if the word censoring renders BBCodes. And, does the BBCodes support class attribute? I haven't tested it yet silent

76 Re: How to do this? on Thu Mar 25, 2010 2:42 pm

Macky

avatar
Registered Member
Registered Member
ankillien wrote:@bear,

The image get cut off because height of the message box is small. If you'll add more lines to it, the image will show up fully. Or, you can try resizing the image in some editing program and use it Very Happy

@ZC,
I doubt if the word censoring renders BBCodes. And, does the BBCodes support class attribute? I haven't tested it yet silent

this is all to confusing =[

Sponsored content


View previous topic View next topic Back to top  Message [Page 3 of 4]

Go to page : Previous  1, 2, 3, 4  Next

Permissions in this forum:
You cannot reply to topics in this forum