how do CSS and HTML work and what all can i edit with it ?
|
how do CSS and HTML work and what all can i edit with it ?
|
|
|---|---|
|
Posted 2024-08-22 06:32:49
 i have a few questions to ask to! 1. what all can i edit on my den page is it only limited to backgrounds? 2.where do i find working CSS's to change the text colours? 3.when i look at other peoples posts how do i make the background and place images in the place i want them to be in? e.g --> link 4. im still new at this and im not quite sure what to ask so if you have any tips for me i would love to hear them! |
 willowtree #127168 |
|
Posted 2024-08-22 12:45:26
You can take my den page for example for CSS. It looks pretty different from the default WD den page, and all that was done with CSS coding. Now take my profile page. I have some fancy boxes on there, right? Well that used both CSS and HTML to make those boxes. Now take one of my forum pages- let's say my CSS Shop. That was done using entirely HTML. I'll also answer your current questions, but feel free to ask me for more! I know a fair bit of CSS and HTML coding, so I can help you out with both! 1. Not limited to backgrounds in the slightest! You can edit text from color to font family to size, etc. You can edit borders to make rounded edges, have a dark or light and thin or thick border around certain elements. You can add filter effects to images. All sorts of fun stuff! 2. CSS would look something like this for editing a text color- body { color: #FFF; } 3. Not sure which images you are talking about specifically- but for the GH logo image you can simply use the <*center><*/center> property (remove the * though, I simply have to add that so you can see the property ^^'). The rest of the images are actually not edited at all, they're simply just the same size, and because they are all explore encounters they have the same canvas size so that they show up in the right place on the explore page. I am sure there is a way to adjust images on forum pages using only HTML, as I have tested it awhile ago, however I did not end up saving the code so I would have to do some more testing again to figure out what I did ^^'. 4. My only question to you is what are you looking to make? Depending on what you want to do, there is a variety of different tips I could give you! But I don't want to overwhelm you with information you don't need to know yet, so if you want we could discuss more what you are wanting to make and I can help out in the best way possible for you to learn and achieve those ^-^! |
 𐂂Vamp's a Gingerbread𐂂 #25702 |
|
Posted 2024-08-22 23:30:16
oh yes my den page, as you can see my den page only has a background link but here is what I would love to learn how to do :3 1.how do I put borders around my text and change there colour! I know you said I should do this --> {colour#fff;} but must I but so much spaces in between and where should the text go 2.how do you change the images for your pack dynasty, breeding , pack overview , pupsitting ,nesting and socialization 3. oh and I saw you had a cute floating snow leopard with a speech bubble how can I do that and can it be with any images or does it have to be a specific size sorry if I asked to much but this is what I want to learn for now and I have found a CSS Backgrounds thing that might help me with other things! so thank you very much for your help and your den page and profile look so pretty I love it !!!! |
willowtree #127168 |
|
Posted 2024-08-23 14:10:02
2. That is also done with CSS! I use this code to change them, except make sure to change the name to match the name of the image you are trying to change (so breeding instead of packdynasty, etc.) img[src$="packdynasty.png"] { content: url(*img url here*); } 3. The snow leopard is a free CSS I use made by someone else! You can find it here, called talking pagedoll! No worries, CSS is confusing at first when you don't know any of the features. Remember, inspect element is your best friend! It'll help you out a lot with editing properties and testing things, or just finding the name of the property you want to edit. |
𐂂Vamp's a Gingerbread𐂂 #25702 |
|
Posted 2024-08-23 23:07:04
 . thx again for the help tho! :3
|
willowtree #127168 |