Welcome to Code Forum!

Join a community that supports you and your coding journey from day one. We strive to be a friendly, supportive community that empowers everyone to be better developers. By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

Search results

  1. SpongeBOB

    HTML & CSS Place SVG logo in the top right corner.

    Hi everyone, Who can I make my logo (that stand in the upper center of the page) shrink and go to the right corner when we start to scroll down,(with a transition) and come back to it's initial pisition and size when we reach the top again ? Initial position o = logo :) . . . . . ...
  2. SpongeBOB

    Answered Where can I found some design inspiration ?

    Hi everyone, I would like to make a new small website, but I need some inspiration (minimal style, but looking good.) do you know some good place where to look ? Thanks.
  3. SpongeBOB

    Bug bbcode CODE tag, now lacking some neat features.

    Hi everyone, I see on one of my previous topic -> https://codeforum.org/index.php?threads/can-only-load-one-svg-object.2102/post-11886 That the bbcode tag CODE has been modified. So it's appear to make it work I just need the remove the quote sign " [CODE lang=html]the code[\CODE] note: I...
  4. SpongeBOB

    HTML look for a neat HTML editor.

    Hi everyone, I'm using NotePad++ & Visual Studio Code. Is there something better ? I would like something similar but with a better support of the auto completion, that handle HTML & CSS For exemple if I enter <img I would like that he propose me all the available Attributes. Same for CSS...
  5. SpongeBOB

    HTML Can only load one SVG object ?

    OK I've made some experiments... and I can't write the object element with /> at the end but instead </object> like this : <object type="image/svg+xml" data="A.svg" width="32"></object><br> <object type="image/svg+xml" data="B.svg" width="32"></object>
  6. SpongeBOB

    HTML Can only load one SVG object ?

    <object type="image/svg+xml" data="A.svg" width="32"/><br> <object type="image/svg+xml" data="B.svg" width="32"/> With this A.svg is display but not B ! If I swap them like this: <object type="image/svg+xml" data="B.svg" width="32"/><br> <object type="image/svg+xml" data="A.svg" width="32"/>...
  7. SpongeBOB

    CSS Can't apply CSS style on SVG

    I've found ! Actually CSS use also a property call transform.. that maybe why it not work, so I use the CSS transform instead -> #color1 { transform: rotate(180deg); transform-origin: 50% 50% }
  8. SpongeBOB

    CSS Can't apply CSS style on SVG

    In my <style> I have the following #color1 { transform: "rotate(180,5,10)" } and I have further in the same html page <svg class="iconsvg" width="12" height="24" viewBox="0 0 10 20"> <g inkscape:label="Layer 1" inkscape:groupmode="layer" id="color1"> what ever inside...
  9. SpongeBOB

    HTML & CSS Hamburger menu that dispear only on mobile.. O_o

    I updated my FireFox to the latest and it work as it should.. :whistle:
  10. SpongeBOB

    HTML & CSS Hamburger menu that dispear only on mobile.. O_o

    Hi everyone, I'm using this Hamburger menu https://codepen.io/Twikito/pen/zGdqVO?editors=1100 that work well on computer, I tried on mobile but there the menu scroll with the rest of the page instead of remaining on the top left corner.. On the mobile I'm using Firefox 83.1.0 on Android. Are...
  11. SpongeBOB

    JavaScript Run JavaScript if cookie exist

    Thx @OldMan , but I get (in the WebBrowser console) and I understand now my error, I was thinking getCookie was a default function, but no. instead it's document.cookie but this will pull all the cookies :/ I'll work on the back-end (python ❤️ ) to do acheive what I need. Thanks.
  12. SpongeBOB

    JavaScript Run JavaScript if cookie exist

    Hi everyone, I would like to run a JavaScript if a cookie exist -> <script> const setTheme = theme => document.documentElement.className = theme; let currentTH = getCookie("theme"); if (currentTH != "") { setTheme(currentTH);alert(currentTH); } </script> But is seem that line 5 & 6 are not...
  13. SpongeBOB

    HTML & CSS Can't make that nice Hamburger menu work.

    Thank you both @BGB & @simong1993 ! Indeed way easier when downloading the files :)
  14. SpongeBOB

    HTML & CSS Can't make that nice Hamburger menu work.

    Hi everyone, I've found a nice hamburger menu -> https://codepen.io/Twikito/pen/zGdqVO?editors=1100 The problem is when I paste the HTML code show in the html of this code pen in a base html page -> <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport"...
  15. SpongeBOB

    HTML iframe content dont show when <details> is set to close

    Voila I created a little cheap javascript (can't wait the day we will be able to interact with frontend HTML page DOM with Python...) <iframe onload="collapseIt()" ....... <details open id="FFbug"> ... <script> function collapseIt() { document.getElementById("FFbug").open=false; } </script>
  16. SpongeBOB

    HTML iframe content dont show when <details> is set to close

    Humm I just tried with Opera and it works.. I believe it's a Firefox bug.. Is some java guru know a way to set <details> after the loading or x time ?
  17. SpongeBOB

    HTML iframe content dont show when <details> is set to close

    When I use <article> <details close ><summary>This is a test</summary> <iframe width="100%" height="300px" frameborder="0" allowfullscreen...
  18. SpongeBOB

    Answered How minify HTML, CSS ? (offline)

    Hi everyone, Do you know a way to minify / compress your code effectively ? (offline) Thank you.
  19. SpongeBOB

    CSS Changing appearance of link A

    hummm -> https://stackoverflow.com/questions/16180422/cannot-change-the-content-of-visited-before-pseudo-elements
  20. SpongeBOB

    CSS Changing appearance of link A

    As the text-decoration-line: none or text-decoration: none have both no effect on the visited I use this -> a:visited { color:#888888; text-decoration: underline #Color_of_My_background } no the best but it "hide" the underline No rest to add the > < ...
Back
Top Bottom